Попытка создать сетку изображения ссылки [закрыто] ⇐ Html

[Anonymous]

Я действительно сбит с толку < /p>
Вы можете увидеть мои попытки здесь: Галерея изображений < /p>
(осторожно, описание каждой попытки слева от изображения) < /p>
Вот пример моей ситуации: < /p>

Код: Выделить всё

.gallery {
width: 1280px;
display: flex;
}

.gallery div {
width: 100%;
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-gap: 40px;
padding: 20px;
flex: none;
}

.gallery .thumbnail {
border: 1px solid #CCC;
width: 150px;
height: 150px;
background-repeat: no-repeat;
background-size: contain;
background-size: cover;
background-position: center center;
}< /code>


[url=https://stackoverflow.com]
[img]https://placehold.co/200x200/png[/img]
[/url]
[url=https://stackoverflow.com]
[img]https://placehold.co/400x200/png[/img]
[/url]
[url=https://stackoverflow.com]
[img]https://placehold.co/200x400/png[/img]
[/url]

Подробнее здесь: https://stackoverflow.com/questions/797 ... -link-grid