В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

HTML/CSS — русскоговорящее сообщество

4469 membersпожаловаться на группу
2021 March 02

NS

Nikolay Smagin in HTML/CSS — русскоговорящее сообщество
Как сделать max-content для всех колонок в grid-сетке?
источник
23:00пожаловаться#1

NS

Nikolay Smagin in HTML/CSS — русскоговорящее сообщество
Чтобы независимо от количества элементов сетки все они были в одну строку и занимали max-content.
Сейчас я прописываю grid-template-columns: repeat(6, max-content), но элементов может быть 7 или 8, может быть 5 или 4.
Как это заадаптивить?
источник
23:02пожаловаться#2

AP

Anton Permyakov in HTML/CSS — русскоговорящее сообщество
Nikolay Smagin
Чтобы независимо от количества элементов сетки все они были в одну строку и занимали max-content.
Сейчас я прописываю grid-template-columns: repeat(6, max-content), но элементов может быть 7 или 8, может быть 5 или 4.
Как это заадаптивить?
auto-fit вместо 6
источник
23:04пожаловаться#3

NS

Nikolay Smagin in HTML/CSS — русскоговорящее сообщество
Благодарю
источник
23:05пожаловаться#4

NS

Nikolay Smagin in HTML/CSS — русскоговорящее сообщество
Anton Permyakov
auto-fit вместо 6
А почему в данном случае не работает?
grid-template-columns: repeat(auto-fit, auto)
И так тоже не работает:
grid-template-columns: repeat(auto-fit, max-content)
источник
23:08пожаловаться#5

AP

Anton Permyakov in HTML/CSS — русскоговорящее сообщество
Nikolay Smagin
А почему в данном случае не работает?
grid-template-columns: repeat(auto-fit, auto)
И так тоже не работает:
grid-template-columns: repeat(auto-fit, max-content)
возможно, нужно через minmax второе значение указывать
источник
23:11пожаловаться#6

NS

Nikolay Smagin in HTML/CSS — русскоговорящее сообщество
Работает только со строго заданным width
grid-template-columns: repeat(auto-fit, 100px)
источник
23:11пожаловаться#7

NS

Nikolay Smagin in HTML/CSS — русскоговорящее сообщество
Но мне нужно именно auto
источник
23:12пожаловаться#8

КК

Коля Казбан... in HTML/CSS — русскоговорящее сообщество
Добрый вечер, посоветовали не давно в целях прокачки учить SASS/SCSS после HTML,CSS

Не много просмотрел видео-уроков по препроцесору SASS--попрактиковался прописать всё это(на уровне: переменных,  миксинов, математических операторов, вложеность стилей, импорт).

Подскажите, что дальше учить?

Заранее благодарю за ответ
источник
23:16пожаловаться#9

NS

Nikolay Smagin in HTML/CSS — русскоговорящее сообщество
Anton Permyakov
возможно, нужно через minmax второе значение указывать
Да, используя minmax - свойство auto-fit работает, но при min-max все элементы одинаковой ширины. А у меня по макету - все элементы зависят от контента и располагаются как бы space-around, при этом занимают половину места по бокам.
Такой результат даёт только repeat(число, auto)

Проблема только в том, чтобы вместо числа подставлять автоматически количество элементов.
источник
23:18пожаловаться#10

IN

Igor N in HTML/CSS — русскоговорящее сообщество
Коля Казбан
Добрый вечер, посоветовали не давно в целях прокачки учить SASS/SCSS после HTML,CSS

Не много просмотрел видео-уроков по препроцесору SASS--попрактиковался прописать всё это(на уровне: переменных,  миксинов, математических операторов, вложеность стилей, импорт).

Подскажите, что дальше учить?

Заранее благодарю за ответ
к чему душа лежит
источник
23:18пожаловаться#11

NS

Nikolay Smagin in HTML/CSS — русскоговорящее сообщество
Для наглядности - тут все элементы по 50px (с minmax)
источник
23:19пожаловаться#12

NS

Nikolay Smagin in HTML/CSS — русскоговорящее сообщество
Всё, решил, ребят, спасибо
источник
23:21пожаловаться#13

NS

Nikolay Smagin in HTML/CSS — русскоговорящее сообщество
Таким образом
источник
23:21пожаловаться#14

AP

Anton Permyakov in HTML/CSS — русскоговорящее сообщество
Коля Казбан
Добрый вечер, посоветовали не давно в целях прокачки учить SASS/SCSS после HTML,CSS

Не много просмотрел видео-уроков по препроцесору SASS--попрактиковался прописать всё это(на уровне: переменных,  миксинов, математических операторов, вложеность стилей, импорт).

Подскажите, что дальше учить?

Заранее благодарю за ответ
попробуй полностью сверстать макет теперь
источник
23:22пожаловаться#15

AP

Anton Permyakov in HTML/CSS — русскоговорящее сообщество
почитай про бэм
источник
23:22пожаловаться#16

AP

Anton Permyakov in HTML/CSS — русскоговорящее сообщество
Nikolay Smagin
Таким образом
там даже 0 можно поставить
источник
23:22пожаловаться#17

NS

Nikolay Smagin in HTML/CSS — русскоговорящее сообщество
Да, по-сути, главное - меньше самого маленького по ширине элемента
источник
23:23пожаловаться#18

КК

Коля Казбан... in HTML/CSS — русскоговорящее сообщество
Igor N
к чему душа лежит
Игорь,,вот вы мне и советовали препроцессоры изучать)чесно сказать понравилось, очень упрощает написание кода, душа лежить к вёрстке, просто не знаю с чего начать,как то продую по урокам,а как только сажусь сам за каой то макет,сразу не понимаю с чего начинать или запинаюсь на каком-то моменте
источник
23:23пожаловаться#19

КК

Коля Казбан... in HTML/CSS — русскоговорящее сообщество
Anton Permyakov
попробуй полностью сверстать макет теперь
на моментах когда не будет понятно, можно и сюда самые глупые вопросы от новичков писать ?))

Лиш бы не заклевали)
источник
23:24пожаловаться#20