Тёмный

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

Анна Блок
Подписаться 102 тыс.
Просмотров 167 тыс.
50% 1

In this video, we will code a site from a Figma layout using HTML and CSS Flexbox & Grid in different blocks.
⚡️ Get Template:
1) Boosty boosty.to/annblok
2) VK donut/tpverstak
3) Buy a template new.donatepay.ru/@annblok (write an email in the comment field)
Demo - annblok.github.io/Beauty/
My Video about Figma - • Figma за 13 минут для ...
CSS Flexbox Cheat Sheet - tpverstak.ru/flex-cheatsheet/
CSS Grid Cheat Sheet - tpverstak.ru/grid
Timecodes:
00:00 Introduction
00:20 Layout and preparation for work
07:54 Styling the header and first block
43:28 Styling the second block and footer
Frontend Book - tpverstak.ru/frontendbook
Ask a question about the frontend or layout - frontendhelp.me/ru
✅ Support the channel - / @annblok_webdev
✅ Website - tpverstak.ru
✅ VK - tpverstak
✅ Instagram - / annblok
✅ Telegram - t.me/tpverstak
✅ Telegram Chat - t.me/tpverstakchat
Courses - tpverstak.ru/courses/
Reviews - topic-77986122_40115279

Опубликовано:

 

29 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 352   
@annblok_webdev
@annblok_webdev 2 года назад
Авторская методичка про CSS Grid ❤С ней ты познакомишься со всеми свойствами. Объясняю так, что разберется даже ребенок. 📌 ЧТО ТАМ ЕСТЬ - Разбор всех свойств с визуальными примерами - Отмечены свойства, которые 100% пригодятся в работе - Объяснения на простом человеческом, а не на языке спецификаций - Передала весь свой опыт в работе с Grid КОМУ ДОСТУПНА МЕТОДИЧКА? ⭐ Подписчикам уровня “Мидл” на Boosty: boosty.to/annblok ⭐ Подписчикам из ВК: vk.com/donut/tpverstak 💰 Оплатившим разово: boosty.to/annblok/posts/e132b0c0-a7ec-4df0-891b-e4cea8c0f676
@FATALGIG
@FATALGIG 3 года назад
Раньше было в топе "Выучи HTML за час!" и всё равно его никто не знал)) Сейчас по бесплатным урокам реально уже профессию получить, а всё равно народ жалуется на безработицу и пишет "интернет не предлагать"... Жаль, что бесплатное не ценится, даже если материал отличный! Лайк за старания! и Огромное Спасибо за полезный контент!!
@user-xd4mv4mk4c
@user-xd4mv4mk4c 3 года назад
профессию получить то можно, только вопрос в её востребованности)) имею в виду, что чистых html, css, да даже и js уже не достаточно ... это раньше на этом багаже люди, кто вошел в эту тему зарабатывали, а сейчас посмотри - каждый ютуб-канал соотв. тематики проводит курсы по подготовке верстальщиков ... т.е. когда определенные знания перестают быть дефицитом их начинают преподавать массово)) и так в любой сфере
@user-xl8wn6ge2m
@user-xl8wn6ge2m 3 года назад
@@user-xd4mv4mk4c html css и js - при этом остаются фундаментом на котором всё работает, ткчт по-моему зная основы новый фреймворк можно освоить за несколько недель и также легко забыть когда станет ненужным.
@drino955jug3
@drino955jug3 3 года назад
@@user-xl8wn6ge2m ну-ну...
@user-id2wg5xc2l
@user-id2wg5xc2l 3 года назад
Нам же лучше😉
@user-xd4mv4mk4c
@user-xd4mv4mk4c 3 года назад
@@bytheway3876 ну, во-первых, тебя никто не еб.., во-вторых, никто не ныл, как "нытье" это ты мое мнение окрестил, я лишь поделился своим видением и практическими мыслями после 1.5 года самост. и курсового обучения и попыток найти работу офлайн и на фрилансе ... Если у тебя получилось, то я на самом деле рад за тебя. Если ты "разбираешься в теме" и "не несешь чушь", то этим можно поделиться культурно на благо всем, а не посылать незнакомых тебе людей направо и налево, пользуясь анонимностью инета и не боясь, что тебе врежут по мордасам .. Всех благ!
@user-gb1kc9no2s
@user-gb1kc9no2s 3 года назад
Перед началом просмотра не ожидала,что видео будет таким интересным.Много нового узнала.Очень хорошие советы. думаю многим должно пригодиться.Жду еще выпуски
@Anodoree
@Anodoree 3 года назад
Неожиданно резко закончилось) Спасибо! Очень полезное видео и как раз вовремя)
@userSergeyZabolotny
@userSergeyZabolotny 3 года назад
Анна, спасибо огромное! У вас хорошая подача предмета. Даже просто идя по вашим шагам, все работает. Не нужно ни чего ремонтировать по дороге. Еще раз спасибо что делитесь знаниями!!!
@annblok_webdev
@annblok_webdev 3 года назад
Спасибо 😊
@Non_Konformist
@Non_Konformist 3 года назад
Как раз искал видео по данной тематике, спасибо за информацию.
@user-qe2pb9fg5j
@user-qe2pb9fg5j 3 года назад
Анна, спасибо за труды, учусь верстать с Вами) Спасибо за труды))
@user-pr6ll7sn2m
@user-pr6ll7sn2m 3 года назад
Очень пригодилось видео, как раз искал на такую тему, СПАСИБО!
@user-zn9gq3qn2s
@user-zn9gq3qn2s 3 года назад
Анна,здравствуйте и спасибо огромное за видео и конечно отдельное спасибо за шпаргалки!
@dimlivelong
@dimlivelong 3 года назад
Круто!!! Мы так ждали этого урока
@Preferred1
@Preferred1 3 года назад
Ну не знаю как кому,а я всё понял прекрасно. Благодарю вас за массу полезной информации.
@margaritazamula5093
@margaritazamula5093 2 года назад
Огромное спасибо за урок! Невероятно сложно - у меня ушло 2 дня))) Но супер интересно
@user-mo7wi8db8k
@user-mo7wi8db8k 3 года назад
Отличный гайд, как раз увлекся недавно этой темой.
@user-ub5qr1lo4w
@user-ub5qr1lo4w 3 года назад
Да, очень подробно разобран пример - спасибо за ролик!
@starkstark3908
@starkstark3908 3 года назад
Огромное вам спасибо за видео и ваши ценные советы! Желаю вам дальнейших успехов .
@json_js
@json_js 3 года назад
Большая молодец, все понятно и доходчиво!
@m.petrova
@m.petrova 3 года назад
Огромное вам спасибо за видео и ваши ценные советы! Желаю вам дальнейших успехов на ютьюб и в жизни! От меня ловите лайк.
@kocmoc7434
@kocmoc7434 3 года назад
Умница,доходчиво и понятно объясняет.серьезно относиться к своей работе) Успехов тебе 😉 Подписка однозначно
@user-xr2vj8gy8y
@user-xr2vj8gy8y 3 года назад
Интересно послушать компетентного специалиста,немного быстро,но понятно,спасибо Анна.
@user-yn3qf8fv6v
@user-yn3qf8fv6v 3 года назад
Спасибо,Анна,за такой подробный разбор макета.Вы очень помогаете новичкам,которые с одной стороны хотят уже начать сами верстать,но с другой сторон, боятся.С вами это выглядит совсем не страшно!А там уже и опыт появляется.
@annblok_webdev
@annblok_webdev 3 года назад
Рада, что видео помогают 🤗
@arktikmoon
@arktikmoon 3 года назад
@@annblok_webdev Мне кажется вам не хватает эмоций. Вы же живой человек, а разговариваете как робот гугловский или яндекс спич. Я понимаю что здесь важна дикция, чёткость произношения и артикуляция. Но всё же на мой взгляд нужно проще немного и легче говорить. Тяжело воспринимается видео из за этого. Всё как то монотонно. Не хотел вас обидеть или как то поставить под сомнения ваши навыки. Просто мне кажется нужно больше легкости и улыбаться во время записи видеоуроков.
@user-gl4rp1ou6w
@user-gl4rp1ou6w 3 года назад
Спасибо.Все объяснили буквально с 0.То что я и искал)
@user-yh6ur6dc2p
@user-yh6ur6dc2p 3 года назад
С удовольствием посмотрел ваш видео обзор,спасибо вам за полезную информацию, от меня лайк.
@PearlDpUa
@PearlDpUa 3 года назад
Ого, спасибо за такой подробный разбор!
@onebytesiteit30-75
@onebytesiteit30-75 3 года назад
Как всегда годно . Как всегда доходчиво . Молодец. И Спасибо за труд! Все больше и больше людей становятся адаптированными к работе в сети !
@nastenavanbina2026
@nastenavanbina2026 3 года назад
это точно уже многие начали зарабатывать в сети, это уже стало как обыденность
@onebytesiteit30-75
@onebytesiteit30-75 3 года назад
@@nastenavanbina2026 да конечно. По себе знаю. Но просто многие не начали. А зря.
@AlexandrWD
@AlexandrWD 3 года назад
@@onebytesiteit30-75 А зачем тебе конкуренты?
@onebytesiteit30-75
@onebytesiteit30-75 3 года назад
@@AlexandrWD конкурентов нет. Рынок не заполнен
@igr3943
@igr3943 3 года назад
Как всегда прекрасный материал!! One Love!
@denismaltcev3356
@denismaltcev3356 3 года назад
Огромное спасибо за годноту. Лучший канал )
@TheLordoftheElements
@TheLordoftheElements 3 года назад
БОСС это круто ) за объяснения отдельный лайк) ибо голос у тебя приятный и микро шик,так почему бы не по объяснять) ,так что тут ты попала в точку спасибо большое
@user-gb5vh6oz7u
@user-gb5vh6oz7u 3 года назад
Практично и полезно, подробно объяснили создание сайта, спасибо
@Natik1865
@Natik1865 3 года назад
Побольше таких интересных видео, они мне нравятся.
@adanabdulle3456
@adanabdulle3456 3 года назад
Only speak English but I appreciate your help in teaching us web development. Thank you!
@rabirai8136
@rabirai8136 3 года назад
Классный ролик получился особо спасибо за таймкоды.
@user-vk4jv7es1j
@user-vk4jv7es1j 3 года назад
Спасибо за видео, очень хорошо объясняешь , все понятно как будто сам делаю. Много нового узнал только из твоих видео. Продолжай в том же духе, красава!!!
@annblok_webdev
@annblok_webdev 3 года назад
Спасибо 🤗
@veles8431
@veles8431 3 года назад
Интересно было посмотреть и послушать вас. Отличный ролик для начинающих.
@roxanaspitz1958
@roxanaspitz1958 Месяц назад
Я только начинаю учить css и это видео шикарно! Спасибо ❤
@user-tc9ml2mu5k
@user-tc9ml2mu5k 3 года назад
Можно пару советов,может я и не прав,но я все же выскажусь. 1)Структура папок, гораздо проще особенно новичкам их создавать еще на рабочем столе,затем ПКМ ,открыть папку с помощью Vs-code и нет проблем! 2) Я бы подключал хоть минимальные стили обнуления,пусть новички хоть немного вникают что это вообще такое. 3) Почему при оформлении меню так долго его делаем. Ведь можно иначе: nav>ul.menu>li.menu__link*5 TAB ,это же гораздо быстрее и проще,новички должны хоть по немногу привыкать к ТАБУ,иначе это долгая песня будет. Удачи.
@GANGST1ER
@GANGST1ER 3 года назад
За пиксель в пиксель спасибо. Интересная методика.
@GalynaStegniy
@GalynaStegniy 2 года назад
Большое спасибо, для новичка очень полезно!
@tolasnisar2494
@tolasnisar2494 3 года назад
Спасибо вам за информативным видео ролик.
@eugenia9999
@eugenia9999 3 года назад
Класс )))) как всегда, все очень понравилось !!)))
@user-gf4fs8pn5z
@user-gf4fs8pn5z 3 года назад
Благодаря этой инструкции я разработал свой первый реально работающий сайт. Которым можно комфортно пользоваться. Спасибо.
@lilxmortyboy7055
@lilxmortyboy7055 3 года назад
ну и где он))
@delite378
@delite378 3 года назад
Покажешь?)
@user-tt6eb7xr3i
@user-tt6eb7xr3i 3 года назад
Лучшая побольше таких видео!
@stangulya
@stangulya 3 года назад
Анна, спасибо Вам за этот видео урок. У меня только один вопрос: когда делаю экспорт темплейта из фигмы, он какого-то огромного размера выходит в плагине PP, гораздо больше, чем то, что получается. Размер в PixelPerfect стоит 1х, в фигме - тоже. Может это быть из-за разрешения экрана, или здесь проблема в другом? Заранее спасибо!
@user-kl6mo4do8c
@user-kl6mo4do8c 2 года назад
Не перезагружайте страницу, спасибо за уточнение в самом конце объяснения, теперь всё сначала начинать, наверное найду другое видео, где будут обучать с нуля и подробно, удалим margin-top, всё-таки добавим margin-top....header-bottom.nav>li {margin-left: 15px; margin-right: 15px; почему эту строку нельзя было добавить в редакторе, или код так пишут , то тут , то там.
@marilynavila5922
@marilynavila5922 3 года назад
здорово! Спасибо .. Я понятия не имел, как начать проектировать
@user-dy3qq9oc3d
@user-dy3qq9oc3d 3 года назад
лайк забыл поставить. вернулся и поставил)
@St_ress
@St_ress 2 года назад
Смотрю урок и возник вопрос - почему не пользуетесь Emmet ul>li*5 а копируете? Для уроков мне кажется важным приучать "студентов" как я
@user-fd5le5bx9j
@user-fd5le5bx9j 3 года назад
Шикарно. Аня - чудо))
@AlexandrWD
@AlexandrWD 3 года назад
Спасибо за очень полезный контент!
@DenisFazlyev
@DenisFazlyev 3 года назад
Спасибо за ваши старания
@jeviellio
@jeviellio 3 года назад
круто, что такое делают бесплатно) хорошое обучение
@elenanew2125
@elenanew2125 2 года назад
Анна, спасибо за Ваш труд.
@annblok_webdev
@annblok_webdev 2 года назад
🔥🤗
@user-pk8dr8qg4o
@user-pk8dr8qg4o 3 года назад
Данное видео мне было интересно и полезно с меня лайк.
@irina-s
@irina-s 2 года назад
Спасибо за шпаргалку по флексам, регулярно пользуюсь.
@user-km6mn9lj8f
@user-km6mn9lj8f 2 года назад
Благодарю, отличный гайд 😊
@aalolooo
@aalolooo 3 года назад
Спасибо за видео. Вы 👍
@VitalyVasilega
@VitalyVasilega 3 года назад
Спасибо вам за ваши уроки. Сам сейчас занимаюсь изучением вёрстки и повторяю за вами. Но есть вопрос. На 57 минуте, вы объясняете, почему элементы с креслами самостоятельно выстроились в ряд и там вы затронули неявную сетку CSS Grid'а. Нет ли ошибки в объяснении? Мне казалось, что элементы выстроились в ряд по той же причине, почему они выстроились в ряд с самого начала, после того как мы задали количество колонок. Браузер сам разместил элементы в каждую ячейку grid'а. А так как мы первую линию грида распределили между тэгами h2 и image, то остальным элементам не остаётся ничего, кроме как, расположиться с новой строки?! Неявная сетка, вроде как, это когда количество grid-элементов превышает заданное количество ячеек, или просто элемент размещён так, что выходит за границы созданной сетки, это создаст треки неявной сетки. Проясните, пожалуйста. Спасибо.
@hasanyusupov3427
@hasanyusupov3427 2 года назад
я только учусь начинающий ну считайте что ноль ходил на одни курсы ушел , у Вас просто супер понимаю сразу очень доходчива спасибо а у вас есть курс полный по html css. Супер спасибо Вам.
@meowmeowmeowmeow000
@meowmeowmeowmeow000 5 месяцев назад
Спасибо за хорошее видео, пиксель перфект топ!
@vanzo16
@vanzo16 3 года назад
выражаю благодарность за этот чудесный урок :)
@user-pz1jh7po5e
@user-pz1jh7po5e 3 года назад
Поддерживаю, побольше давайте таких видосов. Лайк автору
@andremasko5177
@andremasko5177 3 года назад
Зачем создавать и потом писать в css display: block? Можно же использовать . Поясните, пожалуйста. (Это было при включении logo-image)
@Hunter-yw3ow
@Hunter-yw3ow 3 года назад
Отличный урок для начинающих !!
@user-kf7lx6rg1t
@user-kf7lx6rg1t 3 года назад
Сам не занимался созданием сайтов. Все толково рассказано!
@user-fq5rm2jr4c
@user-fq5rm2jr4c 3 года назад
Вроде все просто и понятно, но на этом еще и можно заработать хорошие деньги.
@ASADULLAH-wo5re
@ASADULLAH-wo5re Год назад
Спасибо за внятные комменты
@agibalova24
@agibalova24 3 года назад
Спасибо за видео - очень доступно! Единственное не могу понять почему по макету нельзя ставить отступы, а используется плагин в хроме? из-за размеров экрана?
@elenakhmelevskaya6563
@elenakhmelevskaya6563 3 года назад
Анна здравствуйте. После просмотров очень большого количества видео и обучающих материалов, я могу подобрать макет для сайта и сверстать, изучаю JavaScript, у меня вопрос: с этими знаниями я могу сделать сайт и выложить его в интернет что бы он работал или надо больше знаний по другим языкам? Я имею в виду минимальный сайтик как портфолио или блок или сайт для заказа услуг. Или после верстки надо обращаться к программистам? WordPress нерасматриваю хочется свой своими силами созданный. Этих трёх навыков хватит или нужны дополнительные знания?
@tamskiy
@tamskiy Год назад
А можно вопрос, figma сразу даёт код css стоит ли его использовать ?
@user-ul3iv4vs6c
@user-ul3iv4vs6c 2 года назад
Анна, было бы хорошо, если бы вы в ссылках прикладывали ссылочку с кодом. Иногда смотришь и что-то пошло не так, а найти не можешь. А так прекрасный материал!
@EdwardEnergy
@EdwardEnergy 2 года назад
Анна, мне не понравилась ваша верстка, зачем вы заголовок title-h2 кидаете в сетку грида? Если человек не станет вставлять картинку машинки(car), то три первых элемента grid-item-catalog уедут вниз.
@whilefordo
@whilefordo 3 года назад
26:30 я так понимаю див bgwhite изначально задумывался как белый фон от края до края нужно было просто ему назначить белый фон а не хедеру. у меня так получилось
@RuslanBereza
@RuslanBereza 3 года назад
А отличное пособие для обучения - верстка сайта с нуля для начинающих | HTML, CSS Flexbox & Grid, VS Code, Figma!!!!!!!
@vitalyshevchenko5030
@vitalyshevchenko5030 2 года назад
Благодарю за видео!
@annblok_webdev
@annblok_webdev 2 года назад
🤗 Рада слышать, что помог урок!
@user-sv5cp6rd5m
@user-sv5cp6rd5m 3 года назад
Подскажите, пожалуйста, что сделать в случае если с google fonts скопировал ссылки, вставил их в документ но вместо отображения шрифта просто знаки вопросов?
@user-mf6ug7kd4t
@user-mf6ug7kd4t 3 года назад
Вчера голову себе чуть не сломала. Установила картинку через background-image? все сделала точь в точь, а картинка обрезана. Открывала через live server VS code, а сегодня случайно открыла просто из папки, где храниться проект в том же браузере, на том же пк и фон не обрезан. В чем может быть проблема?
@armenakcomp
@armenakcomp 3 года назад
Очень хорошее видео, мне очень понравилось работать с pixel perfect, интересно было познакомится с гридами и вообще очень интересно как Вы верстаете, спасибо за хороший контент.
@annblok_webdev
@annblok_webdev 3 года назад
Я рада, что вам понравилось видео 🤩
@bigfoot1447
@bigfoot1447 2 года назад
Подскажите плиз как называется конкретно ваш плагин инспектор, немогу найти?
@TheBreade
@TheBreade 3 года назад
Что делать в ситуации, когда, используя расширение pixel perfect, картинка как бы уезжает за пределы окна браузера ? В таком случае невозможно наложить ее поверх сверстанного собой сайта и верстать по пикселям. Это связано с разрешением экрана ? И можно ли как-то это исправить ? Как сделать так, чтобы картинка из расширения встала от края до края ?
@afsmzd
@afsmzd 2 года назад
Спасибо вам за урок.
@user-yq9ml7yn8j
@user-yq9ml7yn8j 3 года назад
А вот скажи я тут награбил курсов по ява скрипт а они 15-17 годов они еще нормальные или там что то поменялось в ява скрипт и их можно выкинуть? Но я знаю где еще можно спи...........прихватизировать какие года действующие?
@Ahmed__123j
@Ahmed__123j Год назад
понятно и ясно лайк-подписка
@BoJIK_Ha_Dopore
@BoJIK_Ha_Dopore 10 месяцев назад
Анна, привет! Вот это круто!!!! Я Ваш!!!!
@ZombiePmIo
@ZombiePmIo 3 года назад
Мой любимый учитель.
@katerina8017
@katerina8017 3 года назад
эта нереально крутая распродажа
@Lifestyle_fan
@Lifestyle_fan 3 года назад
а зачем писать padding-left-10px; padding:rigt10px; если можно значением pading:0px 10 px; есть разница в в адаптиве или влияет на содержимое контента?
@user-qd7sc8hw9e
@user-qd7sc8hw9e 3 года назад
Делаю всё как на видео, но разметка плывет. Не понимаю, то ли из за экрана в ноуте надо с учётом размера верстать, все элементы выглядят большими, и всё ближе к левой части. Оцентрировал все в CSS но как у Вас не получилось... В браузере стоит масштаб 100%, дисплей 15,6 дюйма, 1366х768. Что делать? Причем не первый макет так себя ведёт, ещё был макет с пиццей...
@ksimysmax1222
@ksimysmax1222 2 года назад
Подскажите почему когда я прописываю тег hr горизонтальная линия отображается только с права а не через всю площадь как показано на видео? И меню под линией так же отображается почему то справа
@user-LeonVorobey
@user-LeonVorobey 3 года назад
Отличное пособие для обучения - верстка сайта с нуля для начинающих | HTML, CSS Flexbox & Grid, VS Code, Figma
@errorgrisha
@errorgrisha 11 месяцев назад
А почему в расширении PerfectPixel по координатам стояло X: -7 Y:2 ? Разве не 0, 0 должно было?
@popachka_uwu
@popachka_uwu 2 года назад
Очень интересное видео,но есть готовый вариант в виде файла?
@forzyz7123
@forzyz7123 2 года назад
На 30:01 hr не ставить height 1px как у вас потому что его перекрывает normalize css что делать?
@whiteredfox2505
@whiteredfox2505 3 года назад
В плагине figma в окне браузера открывается картинка в маленьком масштабе, в чем причина не пойму..
@aliakseipuchko1402
@aliakseipuchko1402 3 года назад
Спасибо большое за крутое и полезное видео! Здесь собрано все то, что мне как раз нужно для изучения. Открыл для себя много нового, видео ставил на паузу и дополнительно гуглил. Поэтому видео и прорабатывалось не полтора часа (сколько идет), а гораздо дольше. Это хороший знак - много всего полезного. Однако, не совсем понял один момент: в конце видео словно резко обрывается или неполное, ведь в оригинале вашего кода используются медиа-запросы, но в видео ничего о них не сказано, что-то тут не так?
@rustemnasyrov8079
@rustemnasyrov8079 3 года назад
хорошее видео!
@thegate4407
@thegate4407 3 года назад
Почему bg-white сразу не покрасить в белый? Что бы потом не мучиться, ну и классы бы по бэму писать было бы удобнее.
@johnyxmelev5475
@johnyxmelev5475 2 года назад
К чему запись margin-left: 10px; margin-right: 10px? Когда отступ 30px. Можно ли просто прописать margin-right: 30px. а последний элемент обнулить? Уже второй день ломаю голову почему 10px, уже все перерыл в google инфы нету на форумах ответы мутные какие-то короче хз.
@user-fl7ov6tj4q
@user-fl7ov6tj4q 3 года назад
Спасибо, что показали вёрстку сайта с нуля для начинающих, всё понятно.
@orfo1435
@orfo1435 2 года назад
Скажите, зачем Вы присваиваете классы тегам h1, h2 и т.д. если они и так являются уникальными селекторами?
@space_chimp
@space_chimp 3 года назад
При абсолютно аналогичном коде, не получается никак свести картинку в пиксельпёрфект... Не знаю что делать((( Отзывы и то что справа сошлось, а то что слева улетело чуть дальше влево, на один символ. Как это решить то.
@abdullahyusupov9745
@abdullahyusupov9745 3 года назад
Скажите пожалуйста, на 30 минуте при стилизации , почему когда я делаю как показано в видео, у меня просто border пропадает, а когда я скопировал из Figma - border: 1px solid #EFEFEF; всё заработало? Как то странно, если border со значением none, значит он исчезает, а на видео остаётся...
@tonymahoney2537
@tonymahoney2537 3 года назад
@@ActiveUserIncognito задай для линии класс и заработает как у нее
@user-xd4mv4mk4c
@user-xd4mv4mk4c 3 года назад
по гридам интересно было бы послушать объяснения когда их целесообразно применять, может на опред. типе сайтов/макетов и т.п. ? а то на таких простых карточках понятно, что можно и грид, можно и флекс, и то, и то - просто
Далее