@bozilly

Как сверстать такую сетку?

Вместо тысячи слов
af790f6fc9204889a04b7fd4d6b74823.png
  • Вопрос задан
  • 361 просмотр
Решения вопроса 3
Lumore
@Lumore
Front-end developer
<style>
#content {
float: right;
width: calc(100% - 200px);
}
#sidebar {
float: left;
width: 200px;
}
@media screen and (max-width: 960px) {
#content, #sidebar {
width: 100%;
float: none;
}
}
</style>
<div id="content"></div>
<div id="sidebar"></div>
Ответ написан
Старый дедовский вариант
Ответ написан
Комментировать
@chirskiy_mixail
Очень давно занимаюсь версткой, имею огромный опыт
Посмотрел все варианты, не нашел такого, в свое время очень выручил)
jsfiddle.net/n0g10te6/1
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@IceJOKER
Web/Android developer
<div class='wrapper'>
  <div class='content'>
  </div>
  <div class='sidebar'>
  </div>
</div>


float + width + calc + Media Queries - все что вам нужно, 100500 примеров в интернете
Ответ написан
@dk-web
codepen.io/anon/pen/bdOWze?editors=110
мне когда-то дали такую ссылку...
использую на все 100
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы