Вопрос Статичная верстка как на картинке (html, css, js, vuejs)

[FantomHacked]

Нужно Ваша помошь...

Нужно сверстать блоки и поствить их как на картинке (прекрепленное фото

Сверстать эти блоки и поставить чуть ниже середины .

Подскажите еще как делаются эти блоки.

Спасибо большое кто сделает...

 

[makr]

display:inline всего делов-то (для каждого блока)

 

[y0unger]

Ну вот примерный код для одного блока:
<div style="padding:10px; border-radius:10px; background:#7466CC; width:100px; height:100px; float:left;">Текст 1<br>Картинка<br>Текст 2</div>

 

[читернаут]

Это тебе на фриланс надо

 

[Ерохин Иван]

А чего тут особенного? DIV как DIV, все в подробностях на htmlbook есть...