Сейчас большинство пользователей сети просматривает web-ресурсы со своих гаджетов, для большинства из них требуется адаптивная версия сайтов, чтобы контент отображался привлекательно. Именно поэтому, каждый разработчик должен сразу адаптировать ресурс под все виды устройств. Есть большое количество способов сделать это. Многие пользуются уже готовыми блоками, что упрощает и ускоряет разработку.В этой статье я расскажу как сделать меню сайта адаптивным, не используя при этом сложных конструкций языка Java Script...

css .menu__list { width: 100%; transition: background-color 0.3s, position 0.3s; } .menu__list.fixed { position: fixed; top: 0; left: 0; background-color: #0196ac; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.0); display: flex; justify-content: center; padding: 20px; z-index: 1; } --------------- <script> window.addEventListener('scroll', function() { const menu__list = document.querySelector('.menu__list'); const menu__listOffset = menu__list...