Как верстать подобные макеты?

Question

[KralisV]

Я новичок в верстке, однако сверстал достаточное количество типовых макетов, чтоб более-менее освоиться и решил перейти к чему-то сложному. Взял для практики макет со следующими секциями и теперь ломаю голову о том как его реализовать. Подобные дизайны в принципе вызывают у меня хтонический ужас, сложно представить даже структуру.
Весь сайт идет секциями на на полный экран с кучей интерактивных элементов.

Ну вот к примеру - каким образом здесь сделать боковую панель? Тегом aside?



А что насчет такого блока? Судя по макету, при наведении тут должна расширятся средняя часть и появляться слайдер.




Я с радостью приму любые советы, только пожалуйста, не кидайтесь тапками

Comments

[Алексей Уколов]

Тегом aside?

Вообще забейте на этом этапе на эти "красивые" теги. Никакой пользы от них вы не получите, а мучаться выбором того или иного можно долго. Используйте самые базовые div'ы и span'ы, только с оглядкой на вот это видео: Семантика для циников, Вадим Макеев.
Повторюсь: на этом этапе, не навсегда. Постепенно нужно будет добавлять семантику, но для этого сначала нужно будет набить руку в CSS.

Answer 1

[Михаил Лялин]

Grid или Flexbox