https://htmlacademy.ru/courses/86/run/18

Курсы §29. Таблицы на CSS
1 
 Как можно улучшить код??

<html lang="ru">
    <head>
        <title>Испытание: ещё одна CSS-таблица</title>
        <meta charset="utf-8">
        <base href="/assets/course86/">
        <link href="course.css" rel="stylesheet">
    </head>
    <body>
        <article>
            <ul>
                <li><img src="img/magic.png" alt=""></li>
                <li><img src="img/green-crystal.png" alt=""></li>
                <li><img src="img/gold.png" alt=""></li>
            </ul>
            <ul>
                <li><img src="img/skull.png" alt=""></li>
                <li><img src="img/stick.png" alt=""></li>
                <li><img src="img/blue-crystal.png" alt=""></li>
            </ul>
        </article>
    </body>
</html>
    /* Небольшая подсказка, дальше сами */
    article {
        width: 470px;
        display:table;
        background-image:url(img/wood.png);
        border:5px solid #686868;
        margin:10px;
        border-spacing:15px;
    }
    article ul{
    display:table-row;
    }
    ul li{
    display:table-cell;
    border:10px solid #686868;
    padding:10px;
    text-align:center;
    vertical-align:middle;
    }
     ul:nth-child(1) li:nth-child(1n){
    background-image:url(img/wall-1.png);
    }
    ul:nth-child(2) li:nth-child(1n){
    background-image:url(img/wall-2.png);
    }
    li:first-of-type{
    width:90px; 
    height:74px;
    }
    li:nth-of-type(2){
    width:70px;    
    }
    padding:10px;
2 
/* Небольшая подсказка, дальше сами */
article {
    width: 470px;
    display: table;
    margin: 10px;
    background: url("img/wood.png");
    border-spacing: 15px;
    border: 5px solid #686868;
}

article ul {
    display: table-row;    
    background: url("img/wall-1.png")
}
article ul:last-child {
    background: url("img/wall-2.png")
}

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

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