Верстка сайту з нуля FIGMA – ASTRO – JS – CSS – BEM – HTML

У відео розглянемо такі моменти:
- розбір макета FIGMA
- робота з ASTRO
- робота зі шрифтами - font-weight, font-size, font-family, letter-spacing, line-height, color
- робота з відступами та полями margin, padding
- робота з display: grid, gap, grid-template-columns, repeat, fr
- робота з display: flex, gap, align-items, justify-content
- position: absolute, top, left, right, bottom, z-index
- rgba кольори
- робота з background, background-image, background-repeat, background-position, background-size, встановлення декількох фонів
- робота з mask-image, mask-repeat, mask-posittion, mask-size
- робота з псевдоелементами ::before, ::after
- центрування елементів css
- центрування тексту text-align
- рамка css, border-radius
- градієнтний border, css gradient border
- робота з calc
- іконки css
- змінні css
- reset css
- webp формат
- адаптивна верстка
- міксини scss
- вставка мапи google maps
- збірка для верстки
- js для сайту
- липка шапка
- мобільне меню
- робота з медіазапитами (media)
- підключення шрифтів на сайт
- верстка по БЕМ(BEM)-методології