@Gumper

Как создать данную сетку?

У меня возникла такая проблема, с тем что каждый ряд сетки должен иметь разное количество столбцов:
5f74a890447dc367789982.png
Но так как неизвестно количество элементов, нельзя сделать просто отельные дивы.
Поэтому желательно html оставить таким:
<ul>
 <li>Item</li>
 <li>Item</li>
 <li>Item</li>
 <li>Item</li>
 <li>Item</li>
 <li>Item</li>
 <li>Item</li>
</ul>
  • Вопрос задан
  • 178 просмотров
Решения вопроса 1
RAX7
@RAX7
Примерно так
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@Goslink
Студент, пытаюсь в веб дезигн
Используйте flexbox а так же flex-wrap и нужный вам justify-content для контейнера в котором у вас лежат блоки

для контейнера пишете
.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; //или любой другой, какой вам покажется лучше
}


Подробнее про flexbox: тык сюда
Ответ написан
SpiderPigAndCat
@SpiderPigAndCat
занимаюсь салообразованием
ul{
display:flex;
justify-content:space-around;
flex-wrap:wrap;
}
Ответ написан
Ваш ответ на вопрос

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

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