Core Code
Core Code Modern Dev Handbook

Framework Flex Layout

Frameworks use Flexbox utilities for layout alignment.

Preview

Code

<style>
.flex{
display:flex;
justify-content:space-between;
gap:10px;
}

.item{
background:#9333ea;
color:white;
padding:20px;
}
</style>

<div class="flex">
<div class="item">Left</div>
<div class="item">Center</div>
<div class="item">Right</div>
</div>

More RWD Frameworks Examples (8)

example Framework-style Grid System open example example Responsive Container open example example Framework Card Component open example example Responsive Navbar Component open example example Utility-first CSS Example open example example Framework Card Grid open example example Framework Button Styles open example example Framework Page Layout open example