DEV Community

Alex Carpenter
Alex Carpenter

Posted on

Build conditional layouts with CSS Flexbox

If you enjoyed this screencast, consider subscribing to my YouTube channel for more screencasts about HTML, CSS, and JavaScript.

Top comments (2)

Collapse
 
jrock2004 profile image
John Costanzo

Another way you can do this with a little less CSS, is on the .main__content. Remove the width property and just have flex: 1. Now if the sidebar is hidden, it will just take up the room you wanted.

Collapse
 
hybrid_alex profile image
Alex Carpenter

Definitely, you can see here that I make that recommendation youtu.be/OkcUU_G-wVU?t=396