Как сделать таблицу с разными по размеру ячейками в css?

Question

[junior-veb]

Здравствуйте. Скажите пожалуйста как сделать такую же таблицу.

История такая. Решили мы сестрой учить веб-программирование. Она пошла на курсы, а я решил постигать науку самостоятельно. Занимаюсь по её конспектам. Вот есть задание:
Согласно которому, нужно построить две таблицы. Первая у меня еще более менее получилась:

Образец:

а вот вторая вообще не похожа на образец:
Образец:

Как только я задаю размер одной ячейке, тут же соседи по горизонтальному ряду подтягиваются и получается таблица с одинаковыми, симметричными ячейками, а не как в задании
Помогите пожалуйста.

Comments

[Мария Коробкоголовых]

Можешь залить свой код на jsfiddle или codepen ?

[Lynn «Кофеман»]

Вангую, что тут нужен атрибут colspan

[junior-veb]

Мария Коробкоголовых, https://jsfiddle.net/Skorik_Alekseii/Lx14tzr7/ - это вторая таблица.
https://jsfiddle.net/Skorik_Alekseii/Lx14tzr7/2/ - эта первая