Добавить комментарий

Здравствуйте.

Если можно подскажите в чём может быть суть моей проблемы.

Предыстория. У меня мало опыта работы с Drupal (8). Пытаюсь сделать тестовый сайт по макету. Использую тему Beginning (с Bootstrap 4) - подтему. Вёрстка с использованием Grid. В макете есть галерея изображений с разной шириной и высотой. Создаю 3 стиля изображения, соответственно:

Ширина 535px Высота 260px

Ширина 260px Высота 260px

Ширина 260px Высота 535px

Создаю адаптивный стиль изображения. Выбираю: "Выбрать множество стилей изображения и использовать атрибут размера изображения." И отмечаю все 3 своих стиля изображения. "Масштабирование и обрезка". Думаю, что браузер сам подберёт стиль к сетке:

.wrap_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 13px;

.views-row {

&:nth-child(1) {
  grid-column: 1/3;
}

&:nth-child(5) {
  grid-column: 2/4;
}

&:nth-child(6) {
  grid-row: 2/4;
  grid-column: 4/5;
}

Но получаю обрезанные наполовину изображения, которые должны быть 260х260px и 260х520px. Изображения 535х260px выводятся как надо. Фото прикрепляю.

Возможно ли создать такую сетку без написания кода (здесь я совершенно не разбираюсь)?

Ешё вопрос. Что писать в поле : "Размер"?