{"id":322369,"date":"2020-10-08T07:44:22","date_gmt":"2020-10-08T14:44:22","guid":{"rendered":"https:\/\/css-tricks.com\/?p=322369"},"modified":"2020-10-09T07:37:47","modified_gmt":"2020-10-09T14:37:47","slug":"balancing-on-a-pivot-with-flexbox","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/balancing-on-a-pivot-with-flexbox\/","title":{"rendered":"Balancing on a Pivot with Flexbox"},"content":{"rendered":"\n
Let me show you a way I recently discovered to center a bunch of elements around what I call the pivot<\/strong>. I promise you that funky HTML is out of the question and you won’t need to know any bleeding-edge CSS to get the job done.<\/p>\n\n\n\n I\u2019m big on word games, so I recently re-imagined the main menu of my website as a nod to crossword puzzles, with my name as the vertical word, and the main sections of my website across the horizontals.<\/p>\n\n\n\n\n\n\n\n Here’s how the design looks with the names of some colors instead:<\/p>\n\n\n\n