Как создать адаптивную галерею изображений с помощью HTML CSS JS | Дизайн галереи изображений лайтбокса
Адаптивные изображения: 5 трюков CSS для экономии времени
У веб-разработчика два врага: дедлайны и изображения. Хватит пытаться втиснуть картинку в макет! Вот 5 методов для полного контроля над графикой. 1) Быстрое решение: Легким движением руки изображение превращается... в элегантный фон! Все мы хоть раз пользовались этим читерским приемом, правда? Свойство background отлично работает, но помните, что использовать его следует только для изображений, не относящихся напрямую к контенту, и в некоторых особых случаях. 2)Решение из будущего: У тега <img> тоже существует одно чудесное свойство – object-fit...
Как сделать адаптивную сетку сайта на CSS без библиотек.
Многие новички сразу тянут Bootstrap или другие фреймворки.
Но для большинства сайтов они не нужны. Покажу простой и понятный вариант. Это когда блоки: Что здесь происходит: 👉 В следующей статье разберём контейнер-квэри простыми словами...