Как можно сверстать данную конструкцию (блоки, стоящие в одном ряду + снизу)

Всем привет! Столкнулась с проблемой: не понимаю как отразить с помощью html + css рядом стоящие блоки с текстом, + изменить заливку. Пробовала через таблицу, не вышло