मैं 5 वें डिव को लाइन को तोड़ने की कोशिश करता हूं क्योंकि इसके कंटेनर की चौड़ाई 100% है और डिव को 24% चौड़ाई मिली है

यहाँ html कोड है, कंटेनर के रूप में कैटलॉग और div के रूप में kotakproduk मेरा मतलब है

<div className="katalogue">
    {produkbaru}
    <div className="kotakproduk">
        <div className="gambarproduk">
            <img src="" />
        </div>
        <div className="nama">
            Realme X2 PRO
        </div>
        <div className="harga">
            Rp. 1.700.000
        </div>
    </div>
</div>

.css फ़ाइल

.kotakproduk{
    width:24%;
    position:relative;
    margin-top: 2%;
    transition: transform .2s;
}
.gambarproduk{
    height: 85%;
    }
.katalogue{
    display:flex;
    width:100%;
}

और कंटेनर से बहने वाला 5 वां div। अग्रिम में धन्यवाद

1
Naufal Syauqi 10 नवम्बर 2019, 06:34

1 उत्तर

सबसे बढ़िया उत्तर

flex-wrap: wrap को .katalogue div . पर सेट करें

0
sugars 10 नवम्बर 2019, 11:24