Saturday, March 18, 2023
HomeCSSCss equivalent matter of divs per row

Css equivalent matter of divs per row


I require to create css policies covered following needs:
so 3 products: place them in one row
if 4 products: 2 products per row
if 6 products: 3 products per row
if 8 products: 4 products per row

<< div course="" container">" >.
<< div course="" thing"><" > .
<< div course="" thing"><" > .
<< div course="" thing"><" > .
<< div course="" thing"><" > .
<< div course="" thing"><" > .
<< div course="" thing"><" > .
<< design>>
. container {
max-width: 100%;
elevation: 100%;
display screen: flex;
}
. thing {
size: 250px;
elevation: 200px;
boundary: 1px strong red;
}
<.

i attempted to utilize flexbox with flex-wrap as well as secure worth of container size yet do not obtain it.

RELATED ARTICLES

Most Popular

Recent Comments