Core Code
Core Code Modern Dev Handbook

Basic Flex Container

Create a flex container using display:flex.

Preview

Code

<style>
.container{
display:flex;
gap:10px;
}

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

<div class="container">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
</div>

More Flex Container Examples (8)

example Flex Direction open example example Flex Wrap open example example Flex Gap open example example Justify Content open example example Align Items open example example Center Layout open example example Space Around open example example Flex Layout Example open example