@trjflash
Системщик мед центра онклиник

Как спозиционировать первый элемент списка?

Доброго времени суток, подскажите пожалуйста, имею список из 7 квадратных элементов располагаются по три в строку. Первый элемент должен быть в высоту как 2 ряда. Сама ситуация здесь https://bruckebuild.com/. Сейчас первый элемент колхозно вынесен за имеющиеся и не горит желанием слушаться низких разрешений, по этому просто удаляется. Раньше это было сделано более красиво, без ущерба при разных разрешениях, но блок стилей я по неосторожности удалил. Кому не сложно прошу помочь.

Прошу сильно не ругаться я не силен в верстке
  • Вопрос задан
  • 67 просмотров
Решения вопроса 1
uselessmindYEAH
@uselessmindYEAH
Frontback cocaine developer
Примерно вот так
<nav class="categories categories_navigation">
	<ul class="categories categories_navigation_ul">
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>
</nav>

.categories_navigation {
    position: relative;
    margin-top: -80px;
}
.categories_navigation_ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px;
    padding: 0;
    list-style: none;
    padding-left: 25%;
}
.categories_navigation_ul li:first-child {
    height: 100%;
    height: 100%;
    width: 24%;
    position: absolute;
    left: 0;
}

https://developer.mozilla.org/ru/docs/Web/CSS/:fir...
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
sharomet
@sharomet
Front-End
Вы можете использовать display: grid
Grid
Ответ написан
Ваш ответ на вопрос

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

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