#

responsive-design

Адаптивный дизайн и кросс-браузерная совместимость

ВебСоздание внутреннего закругления в div с адаптивностью

Альтернативные методы CSS для создания внутреннего закругления в правом нижнем углу div-а. Решения с mask, SVG clipPath и псевдоэлементами для адаптивного дизайна.

1 ответ• 1 просмотр
ВебСлайдер с эффектом 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 ответ• 2 просмотра
ВебCSS after: вырез в блоке ::after без цвета responsive

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

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