CSS Flexbox: The Only Guide You Need


Stop Googling flexbox every time. Bookmark this page instead.




The Container





.container {
display: flex;
}






That's it. Everything inside is now a flex item.




Direction: Row vs Column





/* Horizontal (default) */
.flex-row { flex-direction: row; }

/* Vertical */
.flex-col {...