flex 2 columns per row

Solutions on MaxInterview for flex 2 columns per row by the best coders in the world

Search
showing results for - "flex 2 columns per row"
Amelie
11 Jan 2021
1.item {
2  width: 100%
3}
4
5.container {
6  display: flex;
7  flex-wrap: wrap;
8}
9
10.container > div {
11  flex: 50%; /* or - flex: 0 50% - or - flex-basis: 50% - */
12  /*demo*/
13  box-shadow: 0 0 0 1px black;
14  margin-bottom: 10px;
15}
16/////////////html
17<div class="container">
18  <div class="item">1</div>
19  <div class="item">2</div>
20  <div class="item">3</div>
21  <div class="item">4</div>
22</div>
source
similar questions
flexbox limit items per rowhow to create seprate flex box for adding items into the box
queries leading to this page
flex 2 items per rowflex only 2 items per rowflex per column 2flex layout display 3 columns per rowcss flex 2 columns per rowflexbox have two items show per rowcss flex only 2 items per rowflex 2 item per rowflex fit two items per rowcss flex two items per rowflex 2 columns per rowhow to set only 2 item per row flexdisplay flex two items per rowflex specify 2 items per rowflex two items per row csscss display flex 2 items per rowflex set two item per row2 per row flexboxflexbox 2 columns per rowflex two items per rowflexbox 4 columns per rowflex two columns per rowflexbox two items per row2 items per row flexboxflex two contairs per rowflexbox 2 items per rowcss flex 2 items per rowdisplay flex 2 items per rowflexbox 3 columns per rowdisplay flex 2 columns per rowcss flexbox 2 items per rowmake display flex 2 item per rowflex wrap 2 items per rowflex 2 columns per row