Size: a a a

Верстка сайтов HTML/CSS/JS/PHP

2020 May 28

S

Sergeant in Верстка сайтов HTML/CSS/JS/PHP
Павел)
Ребят, помогите пожалуйста!
Уже который день пытаюсь понять как правильно сделать грид на флексах.
Как можно сделать так, чтобы карточки равномерно легли, и между ними было пространство? А не в кучку, и в конце пустота
источник

П

Павел) in Верстка сайтов HTML/CSS/JS/PHP
Key O
Еще раз скажи что ты хочешь получить
вот такой вариант, но чтобы при 2х карточках было тоже самой, то есть на месте тех карточек, которые сейчас идут после 2й карточки, была пустота
источник

KO

Key O in Верстка сайтов HTML/CSS/JS/PHP
Павел)
вот такой вариант, но чтобы при 2х карточках было тоже самой, то есть на месте тех карточек, которые сейчас идут после 2й карточки, была пустота
карточки имеют какой размер ?
источник

П

Павел) in Верстка сайтов HTML/CSS/JS/PHP
Key O
карточки имеют какой размер ?
30%
источник

П

Павел) in Верстка сайтов HTML/CSS/JS/PHP
Key O
карточки имеют какой размер ?
чтобы вот этого пространства не появлялось
источник

KO

Key O in Верстка сайтов HTML/CSS/JS/PHP
Павел)
чтобы вот этого пространства не появлялось
никак
источник

S

Sergeant in Верстка сайтов HTML/CSS/JS/PHP
Павел)
чтобы вот этого пространства не появлялось
так прочти первый ответ
источник

F

Foma in Верстка сайтов HTML/CSS/JS/PHP
Павел)
чтобы вот этого пространства не появлялось
грид?
источник

KO

Key O in Верстка сайтов HTML/CSS/JS/PHP
флексы так не умеют, юзай мансори
источник

F

Foma in Верстка сайтов HTML/CSS/JS/PHP
а вобще по маркетингу пустых мест быть не должно
источник

F

Foma in Верстка сайтов HTML/CSS/JS/PHP
Key O
флексы так не умеют, юзай мансори
умееют
источник

S

Shustry in Верстка сайтов HTML/CSS/JS/PHP
Key O
флексы так не умеют, юзай мансори
У него карточки одной высоты. Зачем масонри?
источник

KO

Key O in Верстка сайтов HTML/CSS/JS/PHP
Shustry
У него карточки одной высоты. Зачем масонри?
что бы сетка перестраивалась
источник

S

Sergeant in Верстка сайтов HTML/CSS/JS/PHP
какие мансори))00 прочитайте по ссылочке
источник

KO

Key O in Верстка сайтов HTML/CSS/JS/PHP
Sergeant
какие мансори))00 прочитайте по ссылочке
да там костыль с пустым местом
источник

S

Sergeant in Верстка сайтов HTML/CSS/JS/PHP
Key O
да там костыль с пустым местом
так это и есть решение
источник

KO

Key O in Верстка сайтов HTML/CSS/JS/PHP
Это костыль, который работает по сценарию, если карточек будет иное кол-во, то уже будет не то
источник

S

Sergeant in Верстка сайтов HTML/CSS/JS/PHP
Key O
Это костыль, который работает по сценарию, если карточек будет иное кол-во, то уже будет не то
ну перейди на кодпен потестируй любое количество карточек
источник

KO

Key O in Верстка сайтов HTML/CSS/JS/PHP
Sergeant
ну перейди на кодпен потестируй любое количество карточек
источник

F

Foma in Верстка сайтов HTML/CSS/JS/PHP
вообще вангую закрыть пустые места
источник