Андрей

Никак

Если задание больше 3, ну 5 часов не берись. А вообще выполнять задания стоит, если это действительно тестовое, а не сделайте нам верстку дашборда, а потом - ой вы нам не подходите.

P.S.
Однажды предложили написать аналог trello в качестве тестового, бежал я оттуда очень быстро.

Сказать дизайнеру, что адаптируешь сам, если он не против - делаешь, если против пусть рисует под 320.

Достаточно воспользоваться фильтром

background-color: white;

.el {
   flex-grow: 1;
   background-color: gray;
   margin:4px;
}

Или разделять на два разных блока
Или использовать микс
https://ru.bem.info/methodology/key-concepts/#%D0%...

Вот исходник https://natalibrilenova.ru/chat.min.js Чат фейковый

Можно использовать css мульти-колонки https://developer.mozilla.org/en-US/docs/Web/CSS/c...
если js то, например https://masonry.desandro.com/

Нужно вызывать функцию для каждого элемента, использовав document.querySelectorAll для выбора dom элементов

Вот пример таймера https://codepen.io/begprod/pen/YzKgZmY

Сайт в помощь youmightnotneedjquery.com

Декомпозируем задачу:
1. Научиться читать
2. Выучить английский, хотя бы на уровне pre-intermediate

1+2 = читать техническую литературу на английском

Берешь png с этими элементами без фона и делаешь псевдоэлементом или просто бэкграундом
https://codepen.io/begprod/pen/voBRPM