23/23 Нужна помощь!

Курсы §10. Блочная модель документа
1

Не понимаю как задать отступ между верхними таблицами. И немного текст смещается. Если что то еще не правильно то подскажите что.

.column {
margin-bottom: 10px;
padding: 10px;
padding-right: 26px;
background: rgba(0, 255, 255, 0.2);
border: 2px solid white;
display: inline-block;
vertical-align: top;
border-collapse: separate;

}

.cell {
padding: 5px 9px;
background: rgba(0, 255, 255, 0.2);
border: 2px solid white;
width: 98px;
}
.cell:nth-child(2) {
margin-left: 10px;
}
.table {
border-collapse: collapse;
}
.row {
display: table-row;
}
.cell {
display:table-cell;
}
.col-3 {
display: none;
}

2

Ширина column 76px, ширина cell 96px, margin-right: 10px; между column.

3 лайка
3

Большое спасибо помогло. Правда пришлось по исправлять паддинги а то намудровал.

4

Конечно) Должна же была я вам хоть что-то оставить для размышления)

1 лайк
5

А почему margin-right 10 надо ставить? Там визуально не пол клетки, где-то 3/4

6

моё решение
/* Cтили, которые можно изменять */
.column {
margin-bottom: 10px;
padding: 10px;
background: rgba(0, 255, 255, 0.2);
border: 2px solid white;
display: inline-block;
vertical-align: top;
width: 76px;
margin-right: 10px;
}
.table {
display: table;
width: 236px;
border-collapse: collapse;
}
.row {
display: table-row;
}
.cell {
padding: 5px 10px 5px;
background: rgba(0, 255, 255, 0.2);
border: 2px solid white;
display: table-cell;
width: 50%;
}
.col-3 {
display: none;
}