flexbox new row

YOU.com answered on January 6, 2022 Popularity 7/10 Helpfulness 1/10

answer flexbox new row

related flexbox go to next row

related flex item in new line

Comment

<div class="container">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>

Popularity 7/10 Helpfulness 1/10 Language html

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

Closely Related Answers

Comment

.container {
  display: flex;
  flex-flow: row wrap;  
  justify-content: space-around;
}

Popularity 10/10 Helpfulness 10/10 Language css

Tags: css

Link to this answer
Share Copy Link

Contributed on Jan 06 2022

shahul

0 Answers Avg Quality 2/10

Comment

.box {
	display: flex;
	flex-wrap: wrap;
}
.box > * {
	flex: 1 1 160px;
}

Popularity 10/10 Helpfulness 6/10 Language css

Tags: css

Link to this answer
Share Copy Link

Contributed on Jul 31 2022

Old-fashioned Orangutan

0 Answers Avg Quality 2/10