How to Create a Website Figma - HTML, CSS Flexbox & Grid, VS Code

How to Create a Website Figma - HTML, CSS Flexbox & Grid, VS Code

Анна Блок

3 года назад

166,691 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Polinka
Polinka - 21.08.2023 18:34

Где сам макет из figma???????

Ответить
Евгений Суриков
Евгений Суриков - 23.07.2023 02:17

Анна, привет! Вот это круто!!!! Я Ваш!!!!

Ответить
Григорий Колесников
Григорий Колесников - 26.06.2023 17:17

А почему в расширении PerfectPixel по координатам стояло X: -7 Y:2 ? Разве не 0, 0 должно было?

Ответить
PERS 🇮🇷
PERS 🇮🇷 - 13.04.2023 13:16

Можно макет пожалуйста, ссылку скиньте ,😅

Ответить
Сергій Кузняк
Сергій Кузняк - 12.04.2023 16:19

gap: юзаю

Ответить
Ахмед Яндиев
Ахмед Яндиев - 19.01.2023 15:45

понятно и ясно лайк-подписка

Ответить
Молодость
Молодость - 09.01.2023 17:54

header > wrapper? 😂😂😂
wrapper - вся область страницы, а не шапки.

Ответить
ASADULLAH
ASADULLAH - 09.01.2023 03:52

Спасибо за внятные комменты

Ответить
Tamskiy
Tamskiy - 19.10.2022 15:17

А можно вопрос, figma сразу даёт код css стоит ли его использовать ?

Ответить
Arlan Krytik
Arlan Krytik - 12.09.2022 09:58

что по дз?

😃😃😃🤣🤣🤣🤣

Ответить
khamidov
khamidov - 07.07.2022 13:49

Пожалуйста дайте макет

Ответить
Broken谷系
Broken谷系 - 29.06.2022 14:06

и где ссылка Фигмы?

Ответить
Реальное программирование
Реальное программирование - 08.06.2022 20:05

класс! Вам интересно еще видео как начинать верстку, тогда заходите в гости!)

Ответить
Shutova Ol'ga
Shutova Ol'ga - 07.06.2022 09:44

Подскажите пожалуйста, а где в ссылках макет в фигме?

Ответить
Jasur Kurbanov
Jasur Kurbanov - 04.06.2022 07:20

Спасибо за полезный контент. Можно этот сайт добавить у себя в портфолио ?

Ответить
Владимир Хомченко
Владимир Хомченко - 29.05.2022 23:11

49.19 у меня при просмотре кода .banner все надписи красные и изменить ничего не могу. Помогите пожалуйста 🙏

Ответить
Andrew
Andrew - 16.05.2022 09:28

а где ссылка на фигма темплэйт?

Ответить
Eugene
Eugene - 14.05.2022 22:59

Здравствуйте! Подскажите, пожалуйста, какая это тема в видео? Заранее спасибо!

Ответить
максим шатрук
максим шатрук - 14.05.2022 11:37

ужасное изложение

Ответить
Orfo143
Orfo143 - 07.05.2022 11:30

Скажите, зачем Вы присваиваете классы тегам h1, h2 и т.д. если они и так являются уникальными селекторами?

Ответить
Максим Хлипитько
Максим Хлипитько - 30.04.2022 23:35

Благодарю, отличный гайд 😊

Ответить
St_ress
St_ress - 07.04.2022 23:03

Смотрю урок и возник вопрос - почему не пользуетесь Emmet ul>li*5 а копируете? Для уроков мне кажется важным приучать "студентов" как я

Ответить
Artem Nazarov
Artem Nazarov - 02.04.2022 19:56

не могу макет найти(((

Ответить
Alex
Alex - 27.03.2022 20:01

Обязательно в ВК заливать макет?

Ответить
BigFoot 14
BigFoot 14 - 19.03.2022 16:35

Подскажите плиз как называется конкретно ваш плагин инспектор, немогу найти?

Ответить
Алёнушка
Алёнушка - 14.03.2022 17:28

а в какой промграмме верстать лучше?

Ответить
Арзибек Исмоилов
Арзибек Исмоилов - 21.02.2022 18:06

Спасибо вам за урок.

Ответить
my - hit
my - hit - 11.02.2022 23:07

сначала было все понятно потом на 23 минуте вы вошли в азарт

Ответить
Margarita Zamula
Margarita Zamula - 02.02.2022 17:57

Огромное спасибо за урок! Невероятно сложно - у меня ушло 2 дня))) Но супер интересно <3 Лучшая!!!

Ответить
Zuhro Rahimova
Zuhro Rahimova - 01.02.2022 06:04

Почему у меня не получается сохранить изображение в SVG ?

Ответить
Zuhro Rahimova
Zuhro Rahimova - 01.02.2022 06:03

Здравствуйте

Ответить
Hasan Yusupov
Hasan Yusupov - 08.01.2022 16:23

я только учусь начинающий ну считайте что ноль ходил на одни курсы ушел , у Вас просто супер понимаю сразу очень доходчива спасибо а у вас есть курс полный по html css. Супер спасибо Вам.

Ответить
Антон Скворцов
Антон Скворцов - 16.12.2021 17:06

Вы можете писать код , как вам нравится...занавес.

Ответить
Антон Скворцов
Антон Скворцов - 15.12.2021 17:34

Не перезагружайте страницу, спасибо за уточнение в самом конце объяснения, теперь всё сначала начинать, наверное найду другое видео, где будут обучать с нуля и подробно, удалим margin-top, всё-таки добавим margin-top....header-bottom.nav>li {margin-left: 15px;
margin-right: 15px; почему эту строку нельзя было добавить в редакторе, или код так пишут , то тут , то там.

Ответить
Антон Скворцов
Антон Скворцов - 15.12.2021 17:26

Сначали писали код в редакторе, всё было норм, потом перешли в консоль, скопируем это, вставим сюда, как я должен это вставлять туда мне никто не объяснил, это получается не с нуля.

Ответить
Антон Скворцов
Антон Скворцов - 15.12.2021 17:06

Зачем я вообще начал , этот делать, просто вставим это сюда , а это вставим сюда, так не обьясняют!!!!

Ответить
Антон Скворцов
Антон Скворцов - 13.12.2021 17:12

рекламы засунула пипец

Ответить
Антон Скворцов
Антон Скворцов - 13.12.2021 17:04

я пишу блок хедер сюда , это я сверну, это я вырежу...отличное обьяснение.

Ответить
ЛипоЗавр
ЛипоЗавр - 22.11.2021 15:54

Очень интересное видео,но есть готовый вариант в виде файла?

Ответить
Johny Xmelev
Johny Xmelev - 11.11.2021 21:33

К чему запись margin-left: 10px; margin-right: 10px? Когда отступ 30px. Можно ли просто прописать margin-right: 30px. а последний элемент обнулить? Уже второй день ломаю голову почему 10px, уже все перерыл в google инфы нету на форумах ответы мутные какие-то короче хз.

Ответить
Vitaly Shevchenko
Vitaly Shevchenko - 10.11.2021 17:01

Благодарю за видео!

Ответить
Some Highlights
Some Highlights - 29.10.2021 13:14

не получаесть сделать нижний блок " заходите к нам"( зелёный фон ставится только по размеру контента, а не по такой же большой, как у левой плашки

Ответить
Василина Стулова
Василина Стулова - 25.10.2021 16:02

Анна, было бы хорошо, если бы вы в ссылках прикладывали ссылочку с кодом. Иногда смотришь и что-то пошло не так, а найти не можешь. А так прекрасный материал!

Ответить
Ирина С
Ирина С - 25.10.2021 01:39

Спасибо за шпаргалку по флексам, регулярно пользуюсь.

Ответить
get high
get high - 21.10.2021 10:17

Анна, мне не понравилась ваша верстка, зачем вы заголовок title-h2 кидаете в сетку грида?
Если человек не станет вставлять картинку машинки(car), то три первых элемента grid-item-catalog уедут вниз.

Ответить
Маksimys Max
Маksimys Max - 12.10.2021 22:57

Подскажите почему когда я прописываю тег hr горизонтальная линия отображается только с права а не через всю площадь как показано на видео? И меню под линией так же отображается почему то справа

Ответить