Привет! Сегодня мы сверстаем непростой макет по продаже/покупке недвижимости. В этом уроке тебя ждет много интересного, так как мы сделаем несколько слайдеров, галерею, поработаем с CSS-переменными, поработаем с волшебной формулой, а также сразу же сделаем адаптив для нашего сайта! Присаживайся поудобнее, тебя ждет сочный контент! Приятного просмотра :)
!!! Если компилятор ругается на clamp формулу, то оберните центральную часть (где складывается vw и rem) в функцию calc
например: clamp(1rem, calc(1vw 1 rem), 1rem)
Код для подключения шрифта: (поставь “:” после https)
@import url(“https// Sans:regular,500,600&display=swap“);
Сайт с большим количеством макетов на любой вкус:
Архив с результатом:
Ссылка на макет: (после перехода нажми на название макета, затем на Duplicate to your draf
1 view
211
63
1 week ago 00:06:32 1
Форма авторизации и регистрации для сайта на HTML, CSS и JavaScript
1 week ago 05:05:31 1
Адаптивная верстка сайта с SCSS и JS. Объясняю по шагам. CSS Grid, БЭМ. Макет LoftHouse
1 week ago 00:16:13 1
Интенсивный курс адаптивная верстка сайта за 15 минут! html css
1 week ago 00:06:12 1
#1 Вводный урок [Курс по Верстке от AROKEN]
1 week ago 00:41:17 1
CSS EM REM и прочие единицы измерения CSS. Что когда использовать? Подробное объяснение на практике.
1 week ago 00:08:54 1
Уроки Bootstrap 5 - Введение и установка
1 week ago 00:12:06 1
Junior фронтенд-разработчик: 11 идей проектов для резюме
2 weeks ago 00:03:34 1
«ВЕРА ВЕЧНА» – МУЖСКОЙ ХОР «РУССКИЙ ФОРМАТ» & АРХИДИАКОН КОНСТАНТИН БАРГАН & АРТЕМ ВАСИЛЕВИЧ
2 weeks ago 06:41:57 1
Курс по верстке и созданию сайтов с нуля. Все основы HTML / CSS на практике.
2 weeks ago 00:00:35 1
Интерактивный каталог с перелистыванием страниц
2 weeks ago 00:17:27 1
6.Создаем крутой слайдер с заменой фона используя HTML,CSS #webdevelopment #web #slider #HTML #CSS
2 weeks ago 04:29:35 1
Адаптивная верстка интернет магазина с НУЛЯ. Выполняю реальный заказ. Верстка сайта за $150
2 weeks ago 00:26:50 1
Как сделать профессиональный макет визитки? Как сделать визитку для типографии?
2 weeks ago 00:12:28 1
Создаём и подключаем базу данных MySQL + PHP | Урок 2
2 weeks ago 00:11:41 1
Анализируем новый макет в #Figma глазами разработчика
2 weeks ago 00:35:13 1
Создание потрясающей галереи на HTML, CSS и JavaScript (CSS-анимация, Blur, Parallax, Gradient)
2 weeks ago 00:07:30 1
Прижать футер к низу сайта (flex, grid). #Типичные задачи