Создание адаптивных плиток Masonry на чистом CSS

Поділитися
Вставка
  • Опубліковано 24 січ 2025

КОМЕНТАРІ • 14

  • @wdm
    @wdm  13 днів тому +1

    💥 Все курсы в одном комплекте 👇👇👇
    webdesign-master.ru/bundle_courses

  • @andreasshev5748
    @andreasshev5748 15 днів тому +1

    Автор ты лучший! Всех благ тебе!

  • @TheHistory-Hub
    @TheHistory-Hub Місяць тому +8

    Довольно интересный способ, буду иметь в виду. Спасибо!

  • @sick4420
    @sick4420 Місяць тому +4

    Очень круто и интересно вышло, спасибо.

  • @damshibo
    @damshibo Місяць тому +5

    Коротко и ясно да ещё и с готовым материалом 👍👍👍

  • @Anatoli-bq1pe
    @Anatoli-bq1pe Місяць тому +2

    Благодарю!

  • @m1akarov2021
    @m1akarov2021 Місяць тому

    Классно. Вы большой молодец. Потрясающе !!! Спасибо.

  • @Neo-w6q
    @Neo-w6q Місяць тому

    Хорошо года не нужен js. Успехов вашему каналу

  • @dedlive51
    @dedlive51 Місяць тому

    Класс)

  • @UDAV_
    @UDAV_ Місяць тому +1

    Подскажи пожалуйста как ты сделал такое оформление в винде? стандарное кривое все.

    • @CKargraDLord
      @CKargraDLord Місяць тому +2

      вроде обычная вин 11 с темной темой , может ошибаюсь

  • @lucky_d168
    @lucky_d168 Місяць тому

    А как это работает можно подробнее если мы для каждой картинки width 100% - это занимает всю ширину родителя как я понимаю. Но что насчёт того что мы columns задаем 300px, почему при увеличении gap - 3 картинки в ряд - там явно больше 300 получается. Почему не %?

    • @wdm
      @wdm  Місяць тому +3

      Здесь устанавливается идеальная ширина столбца в макете с несколькими столбцами. В контейнере будет столько столбцов, сколько может поместиться, при этом ни один из них не будет иметь ширину МЕНЬШЕ значения ширины столбца. Если ширина контейнера меньше указанного значения, ширина одного столбца будет меньше объявленной ширины столбца. Значение минимальной ширины вы можете указать в любых единицах.

  • @LiveFiveFuture
    @LiveFiveFuture Місяць тому +1

    Пожалуйста, умоляю, прошу разборы 3д-сайтов🙏🙏🙏