Среда - это отличный денёк для вёрстки. В этот раз приготовили для вас макет посложнее. Ссылка здесь https://sc.link/v4V . Сверстайте блоки в трёх разрешениях: для компьютера, планшета, и телефона.

Гриды вышли уже довольно давно, и поддерживаются практически во всех браузерах последних версий (привет, IE), но многие верстальщики и разработчики пренебрегают этой технологией, предпочитая верстать на привычных флексах всегда и везде (даже там, где в разы уместнее были бы гриды). На просторах русскоязычного ютуба нашлось толковое видео в которой без лишней воды объясняют как работают гриды, посмотреть его можно здесь https://sc.link/knX

Сегодня суббота, и сегодня немного прокачаем наше серое вещество задачкой из JS!
Напишите функцию, которая принимает на вход строку и возвращает ее в перевернутом виде.
Завтра выложим ответ

TODO Highlight

Очень полезный плагин для того, чтобы не забыть поправить, добавить или обновить что-то в коде. Удобный поиск по TODO комментариям. Такие комментарии выделяются, так что при просмотре кода их будет сложно не заметить.

Нашли для вас красивый сниппет radio-кнопок.
Чтобы улучшить доступность, следует убрать display: none; у input и добавить position: absolute; z-index: -1;

https://codepen.io/havardob/pen/ExVaELV