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

/* Небольшая подсказка, дальше сами */

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;
}

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

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

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

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

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