У вас уже есть готовый сверстанный погодный виджет с прошлого ДЗ. Теперь надо сверстать его адаптивно в 2 вариантах:
- flexbox
- grid
Требования к каждому варианту:
-
Виджет должен хорошо выглядеть на смартфонах, планшетах, ноутбуках и больших экранах. Например, если элементы не вмещаются в одну линию, то они должны переноситься на новую строку и делать это адекватно. Сам виджет должен растягиваться/сжиматься и контент внутри него тоже.
-
Виджет должен выглядеть адекватно в разных браузерах (Google Chrome, FF, Edge, IE11)
-
CSS должн быть написан с использованием какой-либо методологии
-
CSS должен быть аккуратным и хорошо читаемым
-
Использование любого препроцессора будет плюсом
Инструкция по сдаче задания:
- Завершить предыдущее (html, css).
- В этом репозитории у каждого студента должна быть 1 папка с двумя вариантами, flexbox и grid (можно просто иметь 2 разных css файла). Самый просто вариант - скопировать код с предыдущего задания в этот репозиторий и к нему дописывать необходимый CSS. Более сложный - отклонироваться от предыдущего репозитория, удалить связь с удаленным репозиторием, создать новую связь с новым удаленным репозиторием (этим).
- Сделать PR.