Создаем адаптивный сайт-визитку | HTML & CSS туториал

preview_player
Показать описание
В этом видео создадим небольшой сайт-визитку. Применим CSS Grid и Flexbox позиционирование, а также рассмотрим, как создается анимация.

Ссылки
________

Рекомендации по теме
Комментарии
Автор

Есть много нюансов и ошибок в видео, но если буду вопросы — пишите в комментариях. Отвечу обязательно)

arseqpage
Автор

Объяснил и показал понятно и быстро, а главное вышло круто 🔥

EduardHoncharov
Автор

Круто вы первый с кем у меня получилось сверстать без багов))

saiyorarajabova
Автор

Спасибо большое, благодаря таким видео можно не хило так развиваться)

renart
Автор

хоть у меня не так хорошо получилось, но новый опыт я определенно получил😁👍

senley-
Автор

как подключать иконки и шрифты? до меня не доходит

ромалисовский-уы
Автор

Иконки соц.сетей у меня получились вертикально по левому краю. Вроде всё как на видео делал...

Bastyon.
Автор

у меня градиент фон только не работает

cocodevru
Автор

стартовый шаблон ссылка не работает :((

amer
Автор

Следовала один в один, но получилось нечто совсем не похожее((

Curioussilverfeet
Автор

Что делать, если фото не в анимации, а поверх неё, а анимация только уголками видна ?

ВикторияМакаревич-бя
Автор

about-fit не активен((( и колонки не становятся рядом

Sosed
Автор

опыта у меня мало, я попробовал у меня получилось, идея мне очень понравилась но я захотел изменить блок с изображением поставив его первым а потом текст, но я столкнулся с проблемой при изменение размера экрана он просто уменьшается и не переносит блок container на другую строчку, можете помочь, думаю с малым опытом не понятно как решить эту проблему😅

vlad
Автор

Привет! Подскажи пожалуйста что это за цветовая схема? И как настроить чтобы текст в редакторе так же сам переносился?

olegcastomtv
Автор

На сервере анимация схлопывается, фото даже не видно (

Anti-zasor
Автор

не знаю почему но у меня выстроилось в одну колону, хотя код как в видео

Mifiay
Автор

А как "h1.name" превращался в "<h1>name<\h1>" и как менялось окно сайта в браузере(адаптивность)?

thespartanec
join shbcf.ru