24:42 А почему justify-content, если для гридов justify-items? А да, на MDN написано, что justify-content можно ещё с гридами использовать, но тогда зачем теперь justify-items?
А если карточки расположены не друг под другом, а допустим смещены, тоесть к примеру под одной карточкой расположены 2 других и 2-я занимает к примеру 60% пространства в контейнере, а 3-я 40% и все карточки идут зеркально. | 60%40% | | 40%60% | и так далее, что в таком случае использовать?
Не до конца понял что нужно. Но тут либо давать определенным карточкам большую ширину (и возможно flex-grow) и выстраивать на флексе. Либо рисовать нужную сетку на гридах. Либо, вы описываете то что называется masonry grid и ее пока нативно реализовать не получится и надо смотреть js скрипты под это дело, загуглите.
10:05 Ты объясняешь, что делать отступ снизу неудобно, потому что ты не знаешь кол-во элементов снизу и поэтому нужно делать сверху, но ты ведь и сверху их не знаешь, и сбоку? Ты же отнимать пиксели от wrapper'a можешь с любой стороны, так какая разница?
Юра,маэстро вы фокусник,маг ,профессионал .Спасибо
Это единственный канал с уроками которые без воды, с понятной подачей инфы. Спасибо)
Нет, есть Фрiлансер по життю
Большое спасибище!)
Мужик, спасибо. Только не удаляй это видео, чтоб мы могли подглядывать впредь. А то в голове не укладывается вся эта фигня с правилами обтеканий.
Красава
Спасибо
Юрчик, видео топ 👍
как мы далеко ушли) помню еще по урокам Евгения Попова учился
Крутой мастер класс. Это как глава в учебнике по верстке, понятным языком. Пошёл за ручкой с блокнотом...
спасибо! как раз актуальная тема)
Круто!
Cпасибо!!! Всё доходчиво и понятно!!!
Наглядный пример того что Grid лучше, просто, и легче чем Flex. А если использовать их совместно то это еще лучше!
Спасибо большое - просто, четко, доступно
Большое спасибо!!!
Пасиибо, очень мило, всё понятно. Жить можно
Спасибо! Отлично объясняете.
Молодец, Спасибо
Отличное видео, автор молодец, спасибо. Подписка однозначно!
Спасибо, интересна была реализация на инлайн-блок и флоатах
спасибо огромное! очень полезное видео!
спасибо)
Крутяк!!!
Спасибо ,гриды удобная штука ,на флотах блоки не верстаются,правильно? Это типа плохой тон. А вот гриды прекрасно . Просто и со вкусом
nicely explained 👌
5:00 Ещё есть интересные способы очистки float - значение overflow кроме visible родителю или display: flow-root родителю
для флекса gap уже тоже появился, скорее всего вместе с column и row gap-ами
Я вот только сейчас узнал об этом
Отлично подали информацию,только не увидел,куда добавлена картинка с карточки продукта в html нет, в CSS тоже не заметил,или не увидел))
24:42 А почему justify-content, если для гридов justify-items?
А да, на MDN написано, что justify-content можно ещё с гридами использовать, но тогда зачем теперь justify-items?
justify-content работает и с гридами:
developer.mozilla.org/ru/docs/Web/CSS/justify-content
Хорошая замануха на курсы если они такие же подробные и ясные надо будет купить
А если карточки расположены не друг под другом, а допустим смещены, тоесть к примеру под одной карточкой расположены 2 других и 2-я занимает к примеру 60% пространства в контейнере, а 3-я 40% и все карточки идут зеркально. | 60%40% |
| 40%60% | и так далее, что в таком случае использовать?
Не до конца понял что нужно. Но тут либо давать определенным карточкам большую ширину (и возможно flex-grow) и выстраивать на флексе. Либо рисовать нужную сетку на гридах. Либо, вы описываете то что называется masonry grid и ее пока нативно реализовать не получится и надо смотреть js скрипты под это дело, загуглите.
Я кстати не знал про column-gap и row-gap 😂 поэтому делал такие колонки гридами
А 5сть предыдущее видео как делались карточки?
В Трансляциях есть запись стрима где верстали интернет магазин с этими карточками. th-cam.com/video/PdN9CbAON0k/w-d-xo.html
Получается, что сейчас поддержка grid еще лучше, чем некоторых свойств flexbox ??
а где можно посмотреть начальный код со стилями?
10:05 Ты объясняешь, что делать отступ снизу неудобно, потому что ты не знаешь кол-во элементов снизу и поэтому нужно делать сверху, но ты ведь и сверху их не знаешь, и сбоку?
Ты же отнимать пиксели от wrapper'a можешь с любой стороны, так какая разница?
Большое спасибо, разжевали и засунули в рот как птенцу!
7:40 - ага кнш "30", но забыл упомянуть что мерджины накладываются а не суммируются и по факту там 15.
7:54 - смотри на экран и на отступ показанный инспектором. Горизонтально между карточками получилось по 30px
Ну еще на фреймворках Bootstrap и Tailwind нужно было показать как это делается.
зачем?
@@rpnXN Для полноты
С каких пор женщина на фото - товар? )) Очень символично...
Товар - одежда, на фото - модель. Вы видите то что хотите видеть)
А вдруг это чья-то мама? ))
Попфильтр нужен к микрофону