По условию тестового задания было необходимо сверстать макет (с фоном и псевдобраузером).
-
https://drive.google.com/file/d/1I-YMBM_dM1_35sljQQy063ohqZUhPE0O/view?usp=drive_link - первое окно
-
https://drive.google.com/file/d/15Yh9txyshG7yTEuwK5Sa1idEVNot63tn/view - окно, которое открывается при клике на кнопку посередине
- Никаких флоатов, никаких таблиц. Только flexbox или grid. Никаких изображений.
- Можно использовать любой сброс стилей. Никаких фреймворков.
- JS для открытия окна использовать чистый.
- Все размеры можно использовать по своему усмотрению, но в идеале максимально близко к макету.
Определение размеров и стилей макета произведено в figma: https://www.figma.com/file/vPr6knQ3Fly4BGONRofhay/%D0%A2%D0%B5%D1%81%D1%82%D0%BE%D0%B2%D0%BE%D0%B5-%D0%B7%D0%B0%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5?type=design&node-id=0-1&mode=design&t=gA8RaE4lCmICmSvQ-0