CSS grid with components taking up variable number of squares

Asked Jul 17 '21 at 19:28

Active Jul 17 '21 at 19:28

Viewed 10 times

In the attached picture, each colour / number represents a div inside of the grid. I understand how to create a situation like that of Grid A where each div takes up 1 square. How do I create a grid like that of Grid B, where each div takes up a variable number of squares?

asked Jul 17 '21 at 19:28

frog_prog

Not possible with CSS-Grid...all grid spaces MUST be rectangles so in Grid B - 2 & 4 are not possible. – Paulie_D Jul 17 '21 at 19:31
I see both grid the same. The only difference is that in B you have *similar* divs taking different cells – Temani Afif Jul 17 '21 at 19:32

CSS grid with components taking up variable number of squares

0 Answers0