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

Question

[Василий Хрягин]

Я одному элементу хочу задать 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

Answer 1

[Ankhena]

Потому что это LESS.
Вы же видите, что из 1/3 он компилирует 0.333333
Такие выражения нужно экранировать так: ~'1/3'

Comments

[Василий Хрягин]

спасибо