Как сделать сложное адаптивное меню?

Question

[Александр Пономаренко]

Нужно сделать меню хотя бы приблизительно похоже как на этом сайте www.jurassicworld.com/?redirect=off.
Может кто встречал готовые решения. Сам я написать такую красоту пока зеленый, но проект требует. Выручайте :(

Answer 1

[Cyber_bober]

используйте медиа запросы

@media (min-width: 1280px)

Это брейкпоинты, которые определяют стили для определенной ширины экрана. Например, для

@media (min-width: 1280px) {
.menu-container{
width:600px;
}
.menu-item1{
width:25%;
}
.menu-item2{
width:50%;
}
}

а для мобильных просто меняйте параметры

@media (min-width: 1280px) {
.menu-container{
width:100%;
}
.menu-item1{
width:50%;
}
.menu-item2{
width:100%:}
}

Answer 2

[dzenn]

По большому счёту вопрос на ваш ответ есть инспекторе. Если вам нужно достать решения, но нигде нету, тогда пробуйте брать из самого сайте. Доставай по строчно стили и html и подгоняйте под себя :)