Size: a a a

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

2020 November 13

T

Tomorrow in Верстка сайтов HTML/CSS/JS/PHP
idkfa
от кол-ва уникальных блоков зависит
Ну, возьмем среднее число
источник

T

Tomorrow in Верстка сайтов HTML/CSS/JS/PHP
idkfa
если все блоки разные, то за пару месяцев )
Хедер и футер и пару блоков одинаковые
Усе)
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
ну месяц, сложно сказать без макета
источник

T

Tomorrow in Верстка сайтов HTML/CSS/JS/PHP
idkfa
ну месяц, сложно сказать без макета
мерси)
источник

АФ

Алексей Федоров... in Верстка сайтов HTML/CSS/JS/PHP
LZD
от 880 вы же указали что контейнер 880
вернулся
пардон, отвлекли

в том и дело, что я хотел обойтись без брекпоинтов
флексами регулировать количество блоков в строке (через wrap). Если ширина карточки будет в привязке к вьюпорту, то количество в строке будет без брекпоинта меняться. Как только появится место под 4й блок он сам туда поднимется
источник

L

LZD in Верстка сайтов HTML/CSS/JS/PHP
Алексей Федоров
вернулся
пардон, отвлекли

в том и дело, что я хотел обойтись без брекпоинтов
флексами регулировать количество блоков в строке (через wrap). Если ширина карточки будет в привязке к вьюпорту, то количество в строке будет без брекпоинта меняться. Как только появится место под 4й блок он сам туда поднимется
ну и как vw в этом примере помогут избежать брейкпоинтов
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
Алексей Федоров
вернулся
пардон, отвлекли

в том и дело, что я хотел обойтись без брекпоинтов
флексами регулировать количество блоков в строке (через wrap). Если ширина карточки будет в привязке к вьюпорту, то количество в строке будет без брекпоинта меняться. Как только появится место под 4й блок он сам туда поднимется
надо делать так, как проще, на мой взгляд нет ничего проще и читабельнее брейкпоинтов -- но твой подход тоже норм, если получается сделать без заморочек
источник

L

LZD in Верстка сайтов HTML/CSS/JS/PHP
хотя может вы и правы надо помозговать
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
я просто гриды юзаю для подобных целей с min-max
источник

L

LZD in Верстка сайтов HTML/CSS/JS/PHP
в теории конешно красиво выглядит
источник

АФ

Алексей Федоров... in Верстка сайтов HTML/CSS/JS/PHP
idkfa
надо делать так, как проще, на мой взгляд нет ничего проще и читабельнее брейкпоинтов -- но твой подход тоже норм, если получается сделать без заморочек
не, не без заморочек, там была, помоему, какая то формула (коэффициент)
сам не пойму, зачем так заморочился, но было просто интересно повые...ся
источник

АФ

Алексей Федоров... in Верстка сайтов HTML/CSS/JS/PHP
idkfa
я просто гриды юзаю для подобных целей с min-max
если я ошибаюсь, поправьте, то мне кажется в гридах есть момент, которые эту схему развалит
если остается одна карточка в последнем ряду, то как ее центрировать?
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
центрировать можно, но не так просто, есть несколько способов (замороченных)
источник

АФ

Алексей Федоров... in Верстка сайтов HTML/CSS/JS/PHP
idkfa
центрировать можно, но не так просто, есть несколько способов (замороченных)
о, если не секрет, вектор дадите, что искать?
источник

L

LZD in Верстка сайтов HTML/CSS/JS/PHP
Алексей Федоров
вернулся
пардон, отвлекли

в том и дело, что я хотел обойтись без брекпоинтов
флексами регулировать количество блоков в строке (через wrap). Если ширина карточки будет в привязке к вьюпорту, то количество в строке будет без брекпоинта меняться. Как только появится место под 4й блок он сам туда поднимется
вот только при увеличении разрешения у вас будут увеличиваться карточки а не уменьшаться и так как в ТЗ не получится
источник

L

LZD in Верстка сайтов HTML/CSS/JS/PHP
а ну да у вас все так
источник

L

LZD in Верстка сайтов HTML/CSS/JS/PHP
я ошибся
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
Алексей Федоров
о, если не секрет, вектор дадите, что искать?
типа такого (поищи по "css grid center last row") https://www.billerickson.net/css-grid-center-last-item/
источник

АФ

Алексей Федоров... in Верстка сайтов HTML/CSS/JS/PHP
ух, премного благодарен!
источник

L

LZD in Верстка сайтов HTML/CSS/JS/PHP
всеравно немного непредсказуемое поведение будет на мой взгляд
источник