/Html/How to create seprate flex box for adding items into the box

How to create seprate flex box for adding items into the box

.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.item {
  width: 32%;
  padding-bottom: 32%; /* Same as width, sets height */
  margin-bottom: 2%; /* (100-32*3)/2 */
  position: relative;
}

Source: tobiasahlin.com

Similar codes

0 vote240 views1 answer
Alpine function
Html
13 votes202 views1 answer
Align cneter html
Html
0 vote228 views1 answer
Get all html element data using angular
Html
0 vote188 views1 answer
Dynamic colspan in angular
Html
22 votes243 views3 answers
Basic html boilerplate
Html
0 vote197 views1 answer
Form mvc async
Html
1 vote200 views1 answer
Html scroll div to top
Html
0 vote192 views1 answer
How to put image center in html stack overflow
Html
0 vote211 views2 answers
Chrome Extension change popup
Html
0 vote208 views1 answer
Livewire wire:targer multiple target
Html