How can I use grids to merge cells?

Unity Engine
, , , ,
1

So, I’ve tried several ways to handle this and can’t get it working. I want a grid like this:

9440747--1324391--upload_2023-10-30_13-47-22.png

Two rows of colors and one big square at the right.

I tried.

Parent (Grid Layout Group - Fixed Row Count: 2)
– Child (Horizontal Layout Group)
---- Colors 1 through 5
– Child (Horizontal Layout Group)
---- Colors 6 through 10
– Child (Horizontal Layout Group)
---- Random Color

I tried rearranging things. Just can’t get it right.

2

UPDATE: I’ve gotten closer:

9440789--1324400--upload_2023-10-30_14-6-37.png

There’s still a gap between the big square and the rest.

I used only Grid Layouts for Parent and Child. With Parent having 1 row, Child 1 has 2 rows, Child 2 has 2 rows, and Child 3 has 1 row.

I understand why. The last child has the same width as the others. I need to figure out a way to make the last child have a different width. Probably another Grid Layout Group.