Задать вопрос
@Liuonid

Как вы это сверстали бы?

5e5688bd4d6b4665666903.png
В общем нет идей.
  • Вопрос задан
  • 171 просмотр
Подписаться 1 Простой Комментировать
Решения вопроса 1
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
Руководитель frontend направления, предприниматель
nth-child + медиа-запросы + макет под запросы + border
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@an_tropa
"Верстка - знакомство с объектами"
А какие собственно могут тут быть идеи? раз блок два блок три блок и т.д. по моему банальная вещь, не?
Как одно из множества решений:
code html+ксс
<div class="box">
  <div class="item item1">1</div>
  <div class="item item2">2</div>
  <div class="item item3">3</div>
  <div class="item item4">4</div>
  <div class="clearfix"></div>
  <div class="item item5">5</div>
  <div class="item item6">6</div>
  <div class="item item7">7</div>
  <div class="item item8">8</div>
</div>

.box {
  background-color: #2A2C2F;
  width: 1000px;
	height: 500px;
  padding: 20px 20px;
}
.clearfix {
  clear: both;
}
.item {
  float: left;
  display: block;
  width: 100px;
  height: 80px;
  background-color: #fff;
  text-align: center;
  line-height: 80px;
}
Ответ написан
Комментировать
Rusik999
@Rusik999
Фронтэнд я . Люблю кодить
Я тоже хочу такое сделать на свой сайте скиньте мне ссылку на страничку
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы