TGViewer
frontips.ru frontips.ru @frontips · 484 subscribers
Post #177 1.21K
Третья часть вёрстки проекта полностью посвящена стилизации секции About

Несмотря на минимальное количество контента в этой секции, визуально она отрисована с долей креатива :)

Поэтому при вёрстке этой секции будем активно использовать CSS calc() при позиционировании элементов

Вариантов сверстать такую секцию несколько.. в процессе вёрстки думал, как будет более оптимально (сейчас наверно сверстал бы немного по-другому - не лучше или хуже, просто по-другому).. но на тот момент выбрал вариант, который на видео

Вёрстка реального проекта #3 - https://youtu.be/BqWNaOuf7gc
  • 👍 6
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 →