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