#

responsive-design

Адаптивные breakpoints для мобильных и десктопов

ВебСлайдер с эффектом peek: Swiper, Slick, Owl адаптивно

Реализуйте адаптивный слайдер с эффектом peek на Swiper, Slick, Owl Carousel. Настройки slidesPerView, centeredSlides, spaceBetween, breakpoints для мобильных (3 слайда) и десктопов. Формулы расчета ширин и примеры кода.

1 ответ 1 просмотр
ВебАктуальные размеры сеток и ширина контейнера в Figma

Рекомендации по ширине контейнера и сетке для десктопных макетов в Figma: фреймы 1440/1920, content max-width 1140–1320px, 12 колонок, гуттеры 20–30px и брейкпойнты.

1 ответ 1 просмотр
ВебCSS after: вырез в блоке ::after без цвета responsive

Как создать вырез (зазор) в нижней части блока .advantages__block с псевдоэлемента ::after без указания цвета. Responsive решение с треугольником CSS вместо clip-path. Полный код и примеры для адаптивности.

1 ответ 1 просмотр