@Norum

Как убрать схлопывание элементов при уменьшении разрешения экрана?

На полноэкранной версии меню имеет равные отступы с другми флекс-элементами
60be62b1a0538962328606.jpeg

При разрешении менее 1500 px я с помощью грида сделал двухстрочное меню, но далее при уменьшении разрешения элементы схлопываются друг с другом и я не понимаю почему.
@media screen and (max-width: 1500px) {
	

	 .menu > ul  {
	    display:  grid;
	    width: 100%;
	    grid-template-columns: repeat(4, max-content);
	    background-color: red;
	}
}


60be63435f41b386550919.jpeg

Как сделать так, чтобы при уменьшении разрешения экрана, меню имело равные отступы с другими флекс-элементами?

Весь код https://jsfiddle.net/zobq0nma/
Сам сайт ilini0v1.beget.tech
  • Вопрос задан
  • 68 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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