Привет! Сегодня мы сверстаем непростой макет по продаже/покупке недвижимости. В этом уроке тебя ждет много интересного, так как мы сделаем несколько слайдеров, галерею, поработаем с 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
210
63
4 days ago 01:02:16 1
Полный курс по Python Django # Курс программирования Django # Django уроки # 1
4 days ago 00:59:04 1
Обучение FlutterFlow, с нуля до про. Часть 1 из 2
6 days ago 00:19:37 1
Курс по WordPress // Урок 3. Создание Wordpress темы
6 days ago 00:16:13 1
Интенсивный курс адаптивная верстка сайта за 15 минут! html css
6 days ago 00:02:29 4
ДУШЕ МОЯ - МУЖСКОЙ ХОР “РУССКИЙ ФОРМАТ“
7 days ago 00:16:06 1
CSS позиционирование — свойства position, top, right, bottom, left и z-index. Контекст наложения.
1 week ago 00:03:34 1
«ВЕРА ВЕЧНА» – МУЖСКОЙ ХОР «РУССКИЙ ФОРМАТ» & АРХИДИАКОН КОНСТАНТИН БАРГАН & АРТЕМ ВАСИЛЕВИЧ
2 weeks ago 00:23:35 1
Шоу профессий «Секретный код»
2 weeks ago 00:06:51 1
FIGMA: ЯКОРНЫЕ ССЫЛКИ. Как сделать ссылку кликабельной в прототипе? | Уроки фигма на русском
2 weeks ago 00:02:47 1
FIGMA: АНИМАЦИЯ ФОРМЫ. Делаем всплывающее окно PopUp при нажатии кнопки в прототипе | Уроки фигма
2 weeks ago 00:20:50 2
Интенсив по JavaScript. Создание разметки и структурирование файлов + теория по MVC. Урок №1
2 weeks ago 00:50:43 2
#1 Верстка сайта с нуля для начинающих | HTML, CSS
2 weeks ago 00:19:27 2
Этапы проектирования сайта / 09 / Курс по дизайну для РУДН
2 weeks ago 02:56:40 1
Сайт портфолио на React JS урок для новичков. Базовый вводный курс в React для начинающих
2 weeks ago 00:00:05 1
База для IT: Telegram “Жизнь Кодера“
2 weeks ago 00:04:51 3
2. Графический онлайн редактор Figma. Регистрация, установка, как открыть макет в Figma
2 weeks ago 00:05:44 1
3. Графический онлайн редактор Figma. Знакомство с интерфейсом. Учимся работать с макетом
2 weeks ago 00:09:23 15
Бесплатный курс по верстке. Верстка сайта на HTML и CSS. 2024. 4k
2 weeks ago 00:25:34 9
1. Настройка редактора кода VS Code для верстальщика. Настройки, плагины
2 weeks ago 01:24:54 1
Лендинг с анимацией в Zero Block в прямом эфире
2 weeks ago 00:02:53 1
♪ Восходит Солнце Золотое (исп. и муз. Светлана Щитникова, сл. Сергей Чебунин)
2 weeks ago 00:00:31 1
нейросеть, которая сделает сайт без тебя, веб дизайн, вёрстка, фриланс, ИИ, AI, бизнес
2 weeks ago 00:44:52 1
Интенсив по Figma — полный обзор от А до Я за 45 минут
3 weeks ago 00:01:56 1
ХРИСТОС ВОСКРЕСЕ – МУЖСКОЙ ХОР «РУССКИЙ ФОРМАТ» I ПРЕМЬЕРА КЛИПА