@IvanLu
Начинающий веб-разработчик

Как на гридах расположить картинку?

Подскажите, как без костылей расположить последнюю картинку по центру на гридах как на фото? Последняя не центрируется а прилегает к левой части
6148904a1a2e7712787563.png

<div class="landscape__images__block">
			<figure>
				<figcaption>Lorem, ipsum dolor sit amet.</figcaption>
				<img src="img/landscape__images/Rectangle 69.png">
			</figure>

			<figure>
				<figcaption>Lorem, ipsum dolor sit.</figcaption>
				<img src="img/landscape__images/Rectangle 70.png">
			</figure>

			<figure>
				<figcaption>Lorem, ipsum dolor sit</figcaption>
				<img src="img/landscape__images/Rectangle 71.png">
			</figure>

			<figure>
				<figcaption>Lorem, ipsum dolor sit</figcaption>
				<img src="img/landscape__images/Rectangle 72.png">
			</figure>

			<figure>
				<figcaption>Lorem, ipsum dolor sit</figcaption>
				<img src="img/landscape__images/Rectangle 73.png">
			</figure>

			<figure>
				<figcaption>Lorem, ipsum dolor sit</figcaption>
				<img src="img/landscape__images/Rectangle 74.png">
			</figure>

			<figure>
				<figcaption>Lorem, ipsum dolor sit</figcaption>
				<img src="img/landscape__images/Rectangle 80.png">
			</figure>

			<figure>
				<figcaption>Lorem, ipsum dolor sit</figcaption>
				<img src="img/landscape__images/Rectangle 81.png">
			</figure>

			<figure>
				<figcaption>Lorem, ipsum dolor sit</figcaption>
				<img src="img/landscape__images/Rectangle 82.png">
			</figure>

			<figure class="center__image">
				<figcaption>Lorem, ipsum dolor sit</figcaption>
				<img src="img/landscape__images/Rectangle 83.png">
			</figure>

		</div>


& .landscape__wrapper{
		width: 1062px;
		margin: 0 auto;
		& .landscape__images__block{
			padding-top: 45px;
			display: grid;
			grid-template-columns: repeat(3, 1fr);
                        grid-column-gap: 20px;
                        grid-row-gap: 25px;
                        opacity: 0.7;
  • Вопрос задан
  • 79 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы