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

Как сделать блок, который шире своего родителя?

Есть обычная страница на которой выводятся блоки (лента новостей) с помощью цикла. и боковая колонка с меню и последними комментариями. После второй новости идет блок new-box (зеленый), шириной как content и sidebar. Но находится он внутри блока content.
Как правильно реализовать такой блок?
Для наглядности скинул структуру и картинку как оно все выглядит.

5f322b7f8ba28129161356.jpeg
<div class="content">
<div class="new">
</div>
<div class="new">
</div>
<div class="new-box">
</div>
<div class="new">
</div>
<div class="new">
</div>
</div>
<div class="sidebar">
</div>
  • Вопрос задан
  • 92 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
approximate_solution
@approximate_solution
JS Developer. Angular\React\Vue\Ember
Css Grid Layout отлично подойдет.
https://medium.com/@stasonmars/%D0%B2%D0%B5%CC%88%...
https://grid.layoutit.com/

Высчитываете размеры блоков, и через grid-template-areas крутите и выстраиваете блоки как угодно.
Ответ написан
Ваш ответ на вопрос

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

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