Начинаем свой главный проект — сайт-портфолио. Сначала собираем материалы и рисуем макет.
| Ресурс | Что там есть |
|---|---|
| Freepik | Картинки |
| Картинки и идеи | |
| Google Material | Иконки |
| Icons8 | Иконки |
| Google Fonts | Шрифты |
| Fontflipper | Подбор шрифтов |
| Fontjoy | Сочетания шрифтов |
| Patternpad | Паттерны для фона |
| Freellustrations | Бесплатные иллюстрации |
В Figma нарисуй макет своего сайта-портфолио для трёх размеров экрана: ≥ 1200px (компьютер), 768px (планшет) и < 576px (телефон).
Материалы для макета — обязательно скачай!
🖥️ Это большое задание — делай его в VS Code на компьютере и открывай страницу в браузере. Не забудь выложить результат на свой сайт на GitHub!
Открой готовый макет для больших экранов (или скачай его) и посмотри, как устроены отступы, сетка и шрифты.