18/18 Испытание 100%, Проверьте пожалуйста!

Курсы §29. Таблицы на CSS
1 
/* Небольшая подсказка, дальше сами */

article {
width: 470px;
height: 273px;
display: table;
border-collapse: separate;
border-spacing: 15px;
border: 5px solid #686868;
margin: 10px;
background-image: url(“img/wood.png”);
}

article ul {
display: table-row;
}

article ul li {
display: table-cell;
border: 10px solid #686868;
text-align: center;
vertical-align: middle;
}

article ul:first-child {
background-image: url(“img/wall-1.png”);
}

article ul:last-child {
background-image: url(“img/wall-2.png”);
}

article ul li:first-child {
width: 110px;
}

article ul li:last-child {
width: 150px;
}

2

В идеале размеры таблицы вы не пишете вовсе.

4

Размеры ширины же были прописаны изначально. Каким образом альтернативно без этих размеров можно решить данную задачу? Был бы очень благодарен за подсказки.

5

Если добавить подходящие внутренние отступы для ячеек, то ширина и высота могут оказаться ненужными.

6

Вы уверены? Ведь боковые отступы у ячеек разные, для каждой ячейки по отдельности задавать паддинги?

7

Это задание уже не раз разбирали. Почитайте эту тему.