Испытание: строим таблицу на CSS [10/18] - 100%. Прошу оценить код.

Курсы §29. Таблицы на CSS
1

Здравствуйте! Прошу проверить, корректный ли для данного задания код.

CSS:

.formula {
    margin: 10px;
    width: 500px;
    border-collapse: collapse;
    display: table;
    text-align: center;
}

.formula p {
    margin: 0;
    padding: 10px;
    font-size: 20px;
    display: table-caption;
    caption-side: bottom;
}

.formula ul {
    display: table-row;
}

.formula li {
    display: table-cell;
    border: 1px solid #777777;
    vertical-align: middle;
    padding: 5px 0;
    width: 70px;
}

.formula header {
    display: table-header-group;
    background-color: #ffffff;
}

.formula .column-group {
    display: table-column-group;
}

.formula .column {
    display: table-column;
    background-color: #b2fdd0;
}

.formula .column-last {
    background-color: #ffbaba;
    width: 75px;
}

.formula .content {
    display: table-row-group;
}

.formula .content-important {
    display: table-footer-group;
    background-color: #fffebc;
}
2

Эта запись обязательна?

3

Действительно, можно обойтись без этой записи, если поступить следующим образом (убрал ширину в .formula .column-last и в .formula li, добавил отступы слева и справа в .formula li):

.formula {
    margin: 10px;
    width: 500px;
    border-collapse: collapse;
    display: table;
    text-align: center;
}

.formula p {
    margin: 0;
    padding: 10px;
    font-size: 20px;
    display: table-caption;
    caption-side: bottom;
}

.formula ul {
    display: table-row;
}

.formula li {
    display: table-cell;
    border: 1px solid #777777;
    vertical-align: middle;
    padding: 5px 5px;
}

.formula header {
    display: table-header-group;
    background-color: #ffffff;
}

.formula .column-group {
    display: table-column-group;
}

.formula .column {
    display: table-column;
    background-color: #b2fdd0;
}

.formula .column-last {
    background-color: #ffbaba;
}

.formula .content {
    display: table-row-group;
}

.formula .content-important {
    display: table-footer-group;
    background-color: #fffebc;
}
1 лайк