Задачи по CSS-вёрстке

Прокачайте навыки вёрстки на реальных задачах: раскладки, Flexbox, Grid, адаптивный дизайн, селекторы. Каждое решение проверяется автоматически с живым превью.

3 задачи

4. Пульсирующая анимацияСредне

Создайте CSS-анимацию пульсации для кнопки: плавное увеличение и уменьшение масштаба с изменением тени.

animation

0% принято·0 решений

3. Адаптивная сетка карточекСредне

Создайте адаптивную сетку из карточек с помощью CSS Grid, которая подстраивается под ширину экрана.

layoutgrid

0% принято·0 решений

2. Центрирование блокаЛегко

Отцентрируйте блок по горизонтали и вертикали внутри контейнера с помощью CSS.

layoutflexbox

0% принято·0 решений