????? ??? ????????? ?????????? ?????????????, ? ?? ??????????? ? ????????? ????? ? ?????????? ?????? ?????????? ?????????. ???? ???????? ?????????? ??????? ??????????? ? ?????????? ?????????? ???????? � ??? ??????, ??? ? ????????. ??????????? ??????? ????????? ???????? CSS3 ? ???? ???????? HTML5. ??? ?????? ?????? ?????????? ???????????? ????????? ?? ?????? ????????? ??? ???????, ?? ? ??????? ??? ???????. ???????, ??? ??????????? ?? ??????????, ???? ?????? ???????????? ????????? ? ???? ?????????? ??? ?????????. ?????? ?? ??? ?? ????? ??????????? ???-???????, ?????????? ???????? ??????? ?? ???????????? ??? ?????????? ?????????.
?????? ????? ????? ???? ??????????, ??? ?????? ???????????? ???????? ? ?????? ?????????, ?????? ????????????? ??????? 1 ? 1. ? ???? ?????? ????? (aClassforSmallscreens) ????? ???????? ??? ?????? ?????? ?????? ??? ?????? 600 px. ? ???? ?????? ????? ??????????? ???????? ???????? ????? ? ??????? ?? ?????????. ?????? � ??? ???????????????????? ???????????, ????? � ??? ??????????????????????. ?????????? ??????? ????????? ????????????? ??????? ??? ??????? ????????, ? ??????????? ??? ???????? ?????? ????????? ? ?????? ????? ???????? ?????? ???????????. ??? ???????? ? ????????? ????? ??????? ?????? ? text-align ? ??????? ?????????? CSS, ??????????? ?????? ????????.
??? ?3 – ????????? ??????? ?????? ??? ??? ?????????? 990px
? ???? ????? ???????? ????????? ????????, ?????? ? ?????? ?????? ?????? ???-????????. ? ???? ??????????? ?? ???????, ??? ??? ???????????? ? ????? ??????? ?? ??????????. ?????????? ???? ? ??????????? ??????? ????????? ?????? ???????? ?????????????????. ??? ????? ??????????? ?????????????? ??????????? ????????? ?????????? ? ????????????? ???????????.
??? ?? ?????, ???? ?????? ???????? ?? ????? ??????? ?????? ????? ?? ????????????, ?? ????????? ???????? ??? ????????? ??????????. ???????? line-height ????? ????????? ??? ? ?????????? ???????? (????????, px, pt), ??? ? ? ????????????? (em, %, ??? ??????? ?????????). ????????????? ???????????? ????????????? ???????, ??? ??? ??? ????????? ????????? ???????????????? ? ???????????? ??????.
? ?????? ???????? ???????? ??????????, ? ?????????? ???????? ??? ??????????, ??????? ? ???????? ????????? ??????? ? ??????????. ?????????? ??????? ???????? ????????? ??????, ?? ??????? ??????? ???????? ?????, ????????? ?? ????? ???????, ????? ???????????? ??? ????????? ????????????????? ? ?????????. ??? ???? ??????? � ??? ???????? ?????????? ??? ????????????? ????????? ???????????? ???????? ??????.
?????????? ???????: ??? ??? ? ??? ????????????
???????? ??????? ??????????? ??????? ??????????? ? ??????????????? ???? ?????? ?????????, ??????????? ?? ????? ?????????? ??????? ????????. ??? ???????? ?? ?????? ?????? ? ?????? ??????, ??????????? ? ????????. ???? ????????? ?????? ?????? ?????????? ? ????????????? ?????????. ?????????? ?????????? ??????? ???????????? ??????? ????? ??????????? ?????. ?? ? ?????????? ?? ????????? ??????? ???????????? ??????, ??????? ?? ??????? ???????????? ???????????? ? ???????.
????? ?????, ????? ??????? ?????? ?????? ??? ??????? ???????????????? ?? ?????? ?????, ???????? ?????????? ??????? ??? ??? ????? ??????????? ????????. ??????? ????????? ?????????? ??????? ???????? ?????? ????? ??????????? ??? ??? ???????????? ??????????. ?????? ??? ??????? ????? ??????????? ???????? ?????? ????????????? ? ??????????? ? ???????.
??? ?????? ?? ?????? ????? ???????????, ?? ?????? ?????????? ???? ???? ? ?????????? ? ???????, ????? ???????????. ??? ?????? ???????, ?????-?? 5 ??? ?????, ??????? ?????????????, ????????? ? ???? ????? ???????, ??? ? ???? ??????, ??? ??????. ?? ??????, ????????? ????????????? ?????????, ???????????? ????? ??????????????? ? ?????? ???????, ? ?? ???? ??????? ???-?????? ??????????? ??????????? ???????? ???????. ?????? ?? ????? ??????? ?? ?????? ??????? ? ?????????? ?????? ????.
??????? ?????? ?????? ? ???????????? ??????, ????? ????? ????????? ?????? ? ??????????? ???????. ??? ??????????????? ?????????-?????????????, ??????? ?????????? ? ?????? Bootstrap, ????? ????????? ???? ?? ??????? ??????. ????? ??????????????? ?????? ?? ?????? ????????? ? ?????????????? ?????? ?? ??. ??????????? ???? ?????????? ???????????? ?????????? ?????? ? ??????? ??????????? ???, ??????? ????? ???????????? ? ????????? ?????? ????????????.
?? ????????????????? ??????????? � ???? ?????? ?????????? ??????? ????????? ?? ? ????, ? ? ??? ?????. ? ??????? ?????-???????? CSS ????????????, ????? ????? ?????? ??????????? ? ??????????? ?? ????????????? ??????????, ????? ??? ??????, ?????? ??? ?????????? ??????. ????? ??? ????? ??? ??????? ??????????? ??? ????????? ????????? ??????????????? ???????? ??? ?????????? ??????????? ????????????. ??? ????? ???????? ????? ???????? ??? ????????? ???????????? ?? ??????. ? ?????????, ??? ????? ????????, ??? ?? ???? ??????? ????????????? ? ?????????? ??????????? ????????, ??-?? ???? ????????? ?????? ? ?????????.
???? ?????-?????? ???????? ????? ???? min-width, ?? ????? ????? ???????????????. ? ??????????? ????, ??? ?????????? ??????????? ?????????????? ???????, ??????? ? ???-??????? ????? ????????? ????????. ?????????? ??????? ?????? ????? ?? ?????? ?????? ?????????? ??? ?????????????? ???????, ?? ? ?????????? ??????????????. ? ?????? ????? ????? ?????????????, ?????????????? ????????-??????? ? ????????? ?????????, ??????, ??????? ?????????? ????? ??????????????? ???? ?????????? ???????????.
?????? ?????, ??????? ????? ????? ??�?????????? ??????
?????????? ??????????? ?????, ??? ???????, ????????????? ??? ??????? ?????? ???????? ????????. ????? ??????????? ???-??????? ???????? ??????????????? ??????????? ??????????? ???-????? ??? ????????? ?????????. ???? ???? ????? ???????? ?? ?????????, ????????, ???????? ? ?????????? ? ??????? ? ????????, ?? ???? ?? ???? ??????? ?????????. Min-width ? max-width � CSS-??????? ???????? ???????? ?? ?????????? ???????? ? ????, ??????? ????????.
??? ??????? ???????????? ??? ????????? ???????? ?????? ? ??????????. ???????? ?????? ???? ??????????? ? ??????? ???????? four epx, ????? ?????? ?????? ??????????????? ?? ?????? ????? ??? ?????????? ?????? ?????. ?????-?????? ??????? ???????, ??????????? ?? ?????????? ??????????? ?/??? ???????????? ??????, ?????? ? ??????? ????????? (????????, ??????????, ??????? ? ?????????? ??????). ????????? ? ??? ?? ????????? ????, ? ??????? �????????? ? ???????�.
- ??? ??? ?????????? ??? ?????? ?????????? ?????????? ????? ??????? ???? ????? (? ????? ????? ???? ????? ?????????????? ?????????????? ????? � ?? ????????).
- ??? ???????? ?�????????? ????? ??????? ?????? ?�text-align ?�??????? ?????????? CSS, ??????????? ?????? ????????.
- ??????????? ????? ?????????? ?????????? ????????? ?????? ? ???????????? ? ???????????????? ??????????? ? ????????? ??? ?????????? ???????? ? ??????? ??????.
- ?????? ????????????�� ??�????????? ????????? ??�?????????, ?????????�� ????????, ??�???????? ??? ???????? ??�????????.
- ??? ?????????? ?? ????? ???????????? ????????, ???????, ????? ??? ?????? ? ????????? � ? ????? ???????? ? ???? ? ????? ??????? ?????.
?? ???? ?? ?????? ????????? ???? ????? ????????? ?????, ??? ?? ?????? ????????, ????? ???????????? ???? ????????? ????????????????? ? ???????????. ?????????????? ?????? ?????? ??????, ?????????? ??????????, ????????? ???????????? ??????? ? ?????? https://deveducation.com/ ??????. ??????????? ?????????? ???? ????? ? ??, ???? ??? ??? ?????, ????? ? ?????? ????????? ???? ??????????? ?????????. ? ????????? ?????? ? ?????? ??????? ????????? ???? ????? ???????????? ? ???????? ? ???????? ????????????? ??????.
???????? ?????????? ? ??????? ?????????? ?????? ??????
?????????? ?? ?????????? ???, ??? ?????? ??????????? ????????????? ? ?????????????? ?????? ?????? ?? ??????????, ?? ??????? ??????????? ????????-??????. ???? ?????????? ??????? ????? ?????????, ?? ??????????? ???-???????? ????? ?????????? ? ???????????? ? ????????? ??????, ?? ???? ??????????? ??? ????. ??? ???? ????????? ???????? ??????? ????? ???????? ???? ?????????. ??? ????? ????????? ???????? ??????????? ??????? ? ????????????? ?????????? ???????.
????????? ????? ?????????? ???????? ???????? ? ???????????? ??????, ??????? ?????? ?????????? ???????. ??????? ???????? ????? ?????? ??? ???? ???????, ?? ???????????? ?????????, ?? ????????????. ???? ??????? ???????? ?? ?????????? ??? ??????????????? ???????? ???????, ?? ?????????? ??????? ????????? ?????-????. ??? ?????????? ??????????, ??? ??? ?????/???????? ?? ????? ?????????, ??? ???????? ??????????? ????????????. ???????? ????????? ?? ???? ?????? ????????, ??? ???????????? ??????? ? ?????????. ??? ??? ???? ????????????? ?????????? ?????? ?? ?????? ?????? ????????? �?????????� ????, ?? ?? ?????? ??????? ???, ???? ?? ??????????? ??????? ???????.
????????????? ???????????? ???????? ???????? ? ????, ???????????? ?? ??????????? ??????? ? ???????? ????????? CSS. ????? ?????? ???????? ???????????? ????????? HTML ? ????????? ???????????????? ????????? ???????. ??? ??? ??? ?????????? ??????? ?????????????? ??????????? ????? ??????????? ?????, ?? ???????? ? ????? ??????? ????????? � ???????? ????-???????. ????? ????????? ?????? ?????????? div ? ?????? ??????????? img, ????? img ?????? ???? ??????? ? ???????????? ? ??????????? ???????? div. ??? ??? ????? HTML5 ???????? ?????? ????????, ?? ? ??????? ???? ?????? ?????????? ????????? ???????? ?? ????????. ??? ???????? ????????? ???????????? ? ??????????? ???????? ?? ?????? ? ??????.
?????? ? ?????????? ???????: ???????
??? ??????? ?????? ???????? ??????????????? ? ??????????? ?????????. ???? ?????? ?????? ???????????, ?????, ????????, ???????????? ?????? ??? ?????????????? ???? ?? ???????, ????? ????????? ????? ???????????? ??? ???????? ????????? ??? ???????? ????????. ????? ???????, ???? ??????????? ??????? ? ?????????? ????????, ???????? ??????? ????????, ????????? ? ?????? ??????, ????? ????????? ?????????? ??????? ??? ????? ?????????? ? ??????. ?????????? ??????? ????? � ??? ???????????? ????????? ????????? ?? ???? HTML-????????, ????????????????? ?????????????? ????????? ???????? ? ??????????? ?? ??????? ?????? ????????????. ???????? ??????? ??? ????? ????????, ????????????? ???????????????? ??? ?????? ?????? ????????????.
? ???? ??????? Flexbox � ??? ?????? ?????????? ????????? ? ???? ? ?????? ??? ???????, ? ???????????? ????????? ?? ??????? ? ??????? ? ??????????? ?? ??????? ?????. ?????????? ?????????? ????? ???????, ??? ??????? ???? ????????? ???????????? ?? ????????? ??????????? ????????? ????, ??? ???????? ??????????? ?????????????? ??? ????????? ?????????? ??????. ???? ?????????? ??? ?????? ??? ??????????? ???????????????? ????, ??? ? ??????, ??? ? ?? ????????.
???? ??????, ??? ??? ?????? ??????????? ??????????? ?????, ??? ??????? ???????? ?????????. ?????? ?????????? ?????? ???? ????????? ????? ?????????? ???????? ? ????????? ??????? ?????. ? ???? ?????? ?? ????????? ??? ????? ??? i ? ?????????, ??? ?? ??? ?? ????? ????. ??-??????, ??? ??????????? ??????? ?????????? ??????? ????????? ????????? ??????? � ??? ?????? ???????. ????? ????, ????????? ?????????????? ?????????????? ??? ?????? ??????. ?? ?????????????? (?????????????) ????? ????? ????????????? ? ????, ????? ????????????????? ?? ????????? ???????????.
???? ??? ??????-??????, ?? ???????? ?????? ??????? ????????????, ?, ??????, ?????? ??????. ?????????? ?????????? ????? ??? ??????????? ?? ????????, ????? ??????? ??? ?????????. ????? ????????? ???????? ????????? ???? ?? ?????, ??? ???? ?? ????????? ??????? ???????????? ? ???????????. ? ???? ???????? ? ?????????? ?????-?? ????, ?? ??? ?????? ????? ????????????? ???????. ?????????? ?????? ????????? ??????????? ? ?????? ???????????????? ?????????.
????? ???????, ?????????? ?? ?????????? ??????, ?????? ???? ?????? ????????? ?????????????????? ? ???????????????. ??? ?????????? ???????? ????????? ? ??????????? ????????? ?????????. ??????????? ????????? ?????????? ??? ?????????? ??????????? ??? ????? ??????? ???????????? ? WEB-??????????. ????????? ?????????? ???????? ?????? ?????????????? ?????????, ??????? ??????????? ??? ?? ?????????, ??? ? ?? ?????????? ????? ?? ??????. ??????? ??????????? ????????? ?????? ? ???????, ??? ?? ????? ????????? ????????? ??? ???? ???????????, � ?????? ????.
? ?????? ? ?????????? ??????, ??? ???????? ??????????? ??????????????? ?? ?????????, ?????????? ? ?????????. ??????????, ??? ??-?? ?????????? ???????????? ? ????????? ??????????? ???????? ??? ????????? ???????????. ?? ?????????????? ??? ?????????? ? ????????? ???? ??????? ????? ? ? ??????????. ????? ????????? ???????????, ? ?????? ?????? ????????????? ????????.
??? ????????? ???-?????????? ?????, ?? ?????? ??? ????? ??????????. ????????? ?? ?????? ??????????????? ?? ?????? ???????????, ?????????? ??????????? ??????????. ? ?????? ????????????? ?????? ??????? ? ??????????? ??????? ?? ?????? ?????????? ??????? ??? ???????????. ????? ? ??????? ?????????????? ???????? ??????? ?????? ?????? ?????. ?????????? ??????? ????????? ??????? ????, ????????? ????????? ???????? ? ??????????? ?? ??????????, ?? ??????? ??? ?????????, ? ??????? ??? ??????.