Урок-12. “Адаптивна верстка & Responsive”

1.Адаптивна (adaptive) та Чутлива (responsive) верстки

це - Адаптивна (adaptive) верстка

це - Чутлива (responsive) верстка

01. від 320px до 599px - orange

02. від 600px до 899px - skyblue

03. від 900px до 1139px - lightgreen

04. від 1140px до ~ - tomato

2.CSS-інструменти для responsive

width: 50vw
height: 50vh

width: 50vmin
height: 50vmax

3.Стратегія Mobile First
адаптивна (adaptive) верстка

1

2

3

4

5

6

4.Синтаксис медіа-запиту

media-query

0.Заголовок