Я рад, что многие всё-таки находят время на выполнение практических заданий

Практика - основа обучения. Когда мы ищем решение конкретной задачи в интернете, мы пропускаем через себя большое количество информации

Если получается решить задачу самостоятельно, полученная информация, сразу закреплённая практикой, усваивается и запоминается гораздо лучше

Если не получается решить задачу самостоятельно, в процессе поиска решения у нас в голове остаётся большой запас информации, который пригодится в дальнейшем

В практических заданиях, стараюсь разобрать не самые очевидные моменты, некоторые из которых даже сложно сформулировать для запроса в поисковике, и если в реальном макете попадётся аналогичная задача, вы уже будете знать как её решить

Архив с результатом вчерашнего практического задания постом ниже, но...

...при тестировании этого примера натолкнулся на неприятнейший баг в Firefox 87(64bit) - при горизонтальном изменении размера окна браузера не пересчитывается padding-right: calc(), за счёт которого и достигается решение данной задачи. Создал Bugreport - https://bugzilla.mozilla.org/show_bug.cgi?id=1700580. В Chrome, Opera, Edge пример работает корректно