j.grid-container {
    display: grid;
    /* Hum 12 columns bana rahe hain kyunki 1, 2, 3, 4, aur 6 sab 12 par divide hote hain */
    grid-template-columns: repeat(12, 1fr); 
    gap: 10px;
    padding: 10px;
}

[class^="child-"] {
    background-color: #FFD700;
    color: white;
    height: 50px;
    display: grid;
    place-items: center;
    font-weight: bold;
    font-family: sans-serif;
}

/* Row 1: 1 block (Pura 12 column span karega) */
.child-1 { grid-column: span 12; }

/* Row 2: 2 blocks (6+6 = 12) */
.child-2, .child-3 { grid-column: span 6; }

/* Row 3: 3 blocks (4+4+4 = 12) */
.child-4, .child-5, .child-6 { grid-column: span 4; }

/* Row 4: 4 blocks (3+3+3+3 = 12) */
.child-7, .child-8, .child-9, .child-10 { grid-column: span 3; }

/* Row 5: 6 blocks (2+2+2+2+2+2 = 12) */
.child-11, .child-12, .child-13, .child-14, .child-15, .child-16 { grid-column: span 2; }

/* Row 6: 12 blocks (Har ek 1 column lega) */
.child-17, .child-18, .child-19, .child-20, .child-21, .child-22, 
.child-23, .child-24, .child-25, .child-26, .child-27, .child-28 { grid-column: span 1; }