تخطيط الشبكة بستة أعمدة متساوية

 البحث عن

]]></b:skin>

فوقه

/* تخطيط الشبكة بستة أعمدة متساوية */

.grid-container {

    display: grid;

    grid-template-columns: repeat(3, 1fr); /* ثلاثة أعمدة متساوية */

    gap: 20px;

    margin-top: 20px;

}

.grid-item {

    background-color: #fff;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    padding: 20px;

    text-align: center;

}

وسلامتكم