/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 vote182 views1 answer
Col md flex column
Html
0 vote132 views1 answer
Angular html interpret html
Html
0 vote147 views1 answer
Overlay effects to cards
Html
0 vote142 views2 answers
Html error
Html
0 vote142 views1 answer
How to use npm packages in html
Html
4 votes137 views1 answer
Html change name in tab
Html
0 vote139 views1 answer
Text without html laravel function
Html
22 votes135 views2 answers
How to write floating point numbers in html5 input
Html
2 votes146 views6 answers
Margin left tailwind
Html
23 votes140 views5 answers
Html input text
Html