Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Tiny Minimal Flexbox Grid
.flex-grid {
display: flex;
}
.col {
flex: 1;
}
/* Break on mobile? */
@media (max-width: 400px) {
.flex-grid {
display: block;
}
}
/*
Credits, gutters, margins and more:
https://css-tricks.com/dont-overthink-flexbox-grids/
*/
<div class="flex-grid">
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment