Всем привет хочу рассказать как я делал простую адаптацию на CSS3. Для чего вообще нужна адаптация на вашем сайте? Адаптация делается под разные устройства или же разрешения экрана вашего монитора. Создавая сайт и смотря постоянно на результат вы можете видеть что у вас все блоки лежат как вам захотелось их расположить.Но меняя разрешение вы получаете смещения и наложения элементов друг на друга что делает ваш сайт не читаемым. Вот в пример сайт сделанный для разрешения 1366x768 при задании другого разрешения...

У веб-разработчика два врага: дедлайны и изображения. Хватит пытаться втиснуть картинку в макет! Вот 5 методов для полного контроля над графикой. 1) Быстрое решение: Легким движением руки изображение превращается... в элегантный фон! Все мы хоть раз пользовались этим читерским приемом, правда? Свойство background отлично работает, но помните, что использовать его следует только для изображений, не относящихся напрямую к контенту, и в некоторых особых случаях. 2)Решение из будущего: У тега <img> тоже существует одно чудесное свойство – object-fit...