Курс «Блочная модель документа» Последнее испытание [23/23]


#67

Добрый день! Подскажите, пожалуйста, что не так?

/* Cтили, которые можно изменять */
.column {
display: inline-block;
vertical-align: top;
margin-bottom: 10px;
padding: 6px 10px 10px 10px;
border: 0px solid white;
background: rgba(0, 255, 255, 0.2);
width: 80px;
margin-right: 10px;
}

.cell {
display: table-cell;
padding: 7px 10px;
border: 1px solid white;
background: rgba(0, 255, 255, 0.2);
}

.col-1 {
width: 100px;
}
.col-2 {
width: 100px;
}
.col-3 {
visibility:hidden;
}

.table {
display:table;
}
Пробовала и в Opera, и в Chrome, совпадение 91%.
image


#68

Приветствую!

Это испытание сегодня обновилось, так что лучше всего будет сбросить код решения и пройти заново. Исходные стили существенно упростились.

Подредактировал и дополнил ваше решение, чтобы пройти:

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

.cell {
  display: table-cell;
  /*padding: 7px 10px;*/
  /*border: 1px solid white;*/
  /*background: rgba(0, 255, 255, 0.2);*/
  width: 100px;
}

/*.col-1 {*/
/*width: 100px;*/
/*}*/

/*.col-2 {*/
/*width: 100px;*/
/*}*/

.col-3 {
  display: none;
}

.table {
  display: table;
}

.row {
  display: table-row;
}

#69

Спасибо. Действительно, упростились :grinning: