Как выровнять изображения по одной линии и сделать отступ между ними в 10px?

Question

[pomogite-mne]

Comments

[Danny Arty]

А что конкретно у вас не получилось? Что пробовали?

[pomogite-mne]

Danny Arty,
хотелось бы сделать как на шаблоне

[Danny Arty]

pomogite-mne, ок. Как вы пробовали это реализовать? Покажите свой код, например закиньте его в песочницу codepen и ссылку сюда, только не скринами

[pomogite-mne]

Danny Arty, как поделится проектом в codepen?

[Danny Arty]

pomogite-mne, в правом нижнем углу будет кнопка Share, после клика на нее в появившемся меню выберите Copy link. Тут, при написании комментария, нажмите кнопку плюс и codepen, в появившееся поле вставьте свою ссылку.

п.с. в ответах вам предложили решение

Answer 1

[Сергей delphinpro]

<div class="grid">
    <img class="grid-item" src="">
    <img class="grid-item" src="">
    <img class="grid-item" src="">
    <img class="grid-item" src="">
    <img class="grid-item" src="">
</div>

.grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 2px;
}
.grid-item:nth-child(1),
.grid-item:nth-child(2) { grid-column: span 3; }
.grid-item:nth-child(3),
.grid-item:nth-child(4),
.grid-item:nth-child(5) { grid-column: span 2; }