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

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

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

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

.col-2 {
width:96px;
}

.col-3 {
display: none;
}

.table {
display:table;
border-collapse: collapse;
}

.row {
display: table-row;
}

1 лайк
2

Доброго дня!
Мой ответ практически полностью совпадает, но селектор .col-2 я вообще не трогал, и получилось тоже 100%. Моя версия:
.column {
margin-bottom: 10px;
padding: 10px;
background: rgba(0, 255, 255, 0.2);
border: 2px solid white;
display: inline-block;
vertical-align: top;
margin-right: 10px;
width: 76px;
}
.cell {
padding: 5px 10px;
background: rgba(0, 255, 255, 0.2);
border: 2px solid white;
display: table-cell;
width: 96px;
}
.row {
display: table-row;
}
.col-3 {
display: none;
}
.table {
display: table;
border-collapse: collapse;
}

3

Поделюсь своей версией на 100%
.column {
margin: 0px 10px 10px 0px;
padding: 10px;
width: 76px;
vertical-align: top;
background-color: rgba(0, 255, 255, 0.2);
border: 2px solid white;
display: inline-block;
}

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

.table {
display: table;
border-collapse: collapse;

}
.row {
display: table-row;

}
.col-3 {
display: none;
}

4

я считаю. что это ужасно поданный блок!

5

У меня тоже получилось 100% и почти совпали стили с другими форумчанами)))

.column {
  display: inline-block;
  width: 76px;
  margin-bottom: 10px;
  margin-right: 10px;
  vertical-align: top;
  padding: 10px;

  background-color: rgba(0, 255, 255, 0.2);
  border: 2px solid white;
}

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

.table {
  display: table;
  border-collapse: collapse;
  }
  
.row {
  display: table-row;
  }
  
.col-3 {
  display: none;
  }