Верстка и адаптив

Ко мне обратился постоянный заказчик с дизайн-макетом, который нужно было сверстать за один вечер. Стоимость работы - 2500р, среди требований было следующее:

• Использовать только системные шрифты, не подключать внешние
• Минимум JavaScript, по возможности вообще его не использовать
• Не использовать Bootstrap
• Кроссбраузерная верстка — верстка под все современные браузеры (включая IE10+)

Так как сроки были сжатые, я приступил к работе немедленно — и уже через 5.5 часов я выслал заказчику архив со всеми готовыми материалами. Важно отметить, что дизайн-макет был "склеен" из различных скриншотов, поэтому пришлось выкручиваться и подгонять все размеры и отступы на глаз. Чаще всего я использую в работе Bootstrap — это библиотека с готовыми блоками и стилями, но тут он просто не нужен, поэтому я справился "родными" средствами CSS — с помощью современной технологии flexbox.

Заказчику была крайне важна скорость загрузки сайта, на что и был сделан упор — я оптимизировал всю графику без потери качества и сжал CSS код. JavaScript все же понадобился для анимации раскрытия "бургер-меню" в мобильной версии, однако я обошелся без подключения библиотеки jQuery и написал весь необходимый минимум кода на чистом JavaScript.

Посмотреть работу: https://persiklover.github.io/safecup