@podkudahka
крутой

Почему у меня не работает grid-column и grid-row?

Я одному элементу хочу задать grid-column и grid-row. но браузер зачеркивает эти стили

.gallery-wrap {
		width: 900px;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		align-items: start;
		justify-items: start;
		// grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1fr 1fr 1fr 2fr 1fr;
		grid-gap: 90px;
		&__item {
			height: 200px;
      background-color: brown;
			img {
				width: 100%;
				height: auto;
			}
			&:nth-child(2) {
				grid-column: 1/3;
				grid-row: 1/3;
			}
		}
	}

https://codepen.io/Concencuc/pen/ExygJwr
  • Вопрос задан
  • 32 просмотра
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Потому что это LESS.
Вы же видите, что из 1/3 он компилирует 0.333333
Такие выражения нужно экранировать так: ~'1/3'
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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