Последнее испытание [23/23] 100%


#1

Вот такое получилось решение. Оцените грамотность

.column {
display: inline-block;
width: 100px;
box-sizing: border-box;
margin-bottom: 10px;
margin-right: 10px;
vertical-align: top;
padding: 10px;
background: rgba(0, 255, 255, 0.2);
border: 2px solid white;
}

.table {
display: table;
box-sizing: border-box;
width: 238px;
border-collapse: collapse;
}

.row {
display: table-row;
}

.cell {
display: table-cell;
padding: 5px 10px;
background: rgba(0, 255, 255, 0.2);
border: 2px solid white;
width: 50%;
box-sizing: border-box;
}

.col-3 {
display: none;
}

#2

У меня получилось точно так же. Единственное что я не понял, как в селекторе .column высчитывался внешний отступ margin-right: 10px. Я его установил методом подбора, но так и не понял почему именно 10px. Ведь если установлен box-sizing: border-box; значит внешний отступ является расстоянием от рамки до рамки. а там явно больше, примерно 15px