TGViewer
frontips.ru frontips.ru @frontips · 484 subscribers
Post #70 933
​​Друзья!

Чтобы вам получить больше пользы от моего канала, придумал небольшое практическое задание

Нарисовал небольшой макет в Figma, который вы попытаетесь сверстать самостоятельно

Для тех, у кого возникнут сложности в написании структуры или вы сомневаетесь в ее правильности, завтра скину архив с заготовкой, который будет содержать вариант структуры HTML, и вы попробуете самостоятельно написать к ней CSS стили

И уже послезавтра скину архив с полноценной вёрсткой данного макета, с которой вы сможете сравнить свой результат

В этом небольшом макете можно потренировать БЭМ, CSS-переменные, CSS Grid Layout, SVG Sprite, Flexbox и так далее

На некоторую часть вопросов, которые могут возникнуть при вёрстке, можно найти ответы в моих статьях - https://frontips.ru/

Необходимо добиться поведения, как в видео

Макет постом ниже👇🏼

Читайте, тренируйтесь, развивайте свои навыки ;)
More from @frontips
  1. Sep 5, 2022Ребят, надеюсь этот канал и мой блог по вёрстке принёс вам пользу Сейчас у меня цель - улу…
  2. Feb 24, 2022https://quickref.me/ - хороший ресурс со шпаргалками для разработчиков
  3. Feb 23, 2022Простенький макет для практики - https://www.figma.com/file/yIl2O1QVhnb1ePo0oJRrgI/Aset---…
  4. Feb 7, 2022Прошлым летом нарисовал простой дизайн макет и предлагал сверстать его в качестве практики…
  5. Feb 6, 2022Нравятся мне заметки от George Moller :) На этот раз примеры применения псевдо-элементов :…
  6. Jan 31, 2022https://12daysofweb.dev/ - 12 качественных статей на тему современного веба: - Intersectio…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →