CSS сетка (GRID) | CSS для Профи

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 ก.ย. 2024
  • ПОДДЕРЖАТЬ АВТОРА И КАНАЛ:
    www.liqpay.ua/...
    Webmoney:
    Z166344793421
    R369744777501
    U871336351200
    Телеграмм чат:
    t.me/joinchat/...
    - Использование первой реальной системы разметки CSS - сетки.
    - Возможности CSS-сетки.
    - Компоновка элементов с помощью сетки.
    - Совместное применение flex-блоков и CSS-сетки для создания целостной разметки
    веб-страницы.
    МАТЕРИАЛЫ УРОКА:
    drive.google.c...
    БАЗОВЫЙ КУРС ПО HTML & CSS:
    • Знакомство с основным ...

ความคิดเห็น • 33

  • @karlengels4956
    @karlengels4956 3 ปีที่แล้ว +1

    Не перестаю удивляться Вашим объяснениям! Все так кратко, лаконично, по теме, "без воды", четко и с первого раза понятно!!! Спасибо большое!!!

  • @p1kachannel13
    @p1kachannel13 3 ปีที่แล้ว +4

    Я в шоке насколько ёто просто ,спасибо за такое обеспечения всегда фокусами пользуюсь но с грибами думаю будет намного проще

    • @andrievskii
      @andrievskii  3 ปีที่แล้ว +1

      Пожалуйста

  • @uuBach
    @uuBach 3 ปีที่แล้ว

    Благодарен за урок :*

  • @circleeeee
    @circleeeee 3 ปีที่แล้ว +3

    Мне кажется, этот макет было бы легче сверстать флексами с минимальным применением гридов, а так спасибо за урок, очень доходчиво )

  • @ВиталийОболонский-х3г
    @ВиталийОболонский-х3г 3 ปีที่แล้ว +1

    Подскажите, пожалуйста, если мы берем макет(например как на 15:40) мы делим его на блоки, каждый блок у нас получает display:grid. Нужно задавать общий display:grid для всего макета, например для body? Если да, то для того же "body" задавать grid-template-columns? И сколько 1fr?

  • @sundigate41
    @sundigate41 3 ปีที่แล้ว +1

    Спрашивается, зачем мне flex, если есть grid))))))

    • @ii-yj5qj
      @ii-yj5qj 3 ปีที่แล้ว

      зачем мне флоат если есть флекс, зачем мне флекс если есть грид)

    • @sundigate41
      @sundigate41 3 ปีที่แล้ว +1

      @@ii-yj5qj ну как бы да flex получше float будет

  • @adginr
    @adginr 5 ปีที่แล้ว +6

    .grid-${$}*6 и нажать таб.

  • @Bousend
    @Bousend 5 ปีที่แล้ว +3

    А нет ли других способов поддержать канал? Хотел легкий подогрев скинуть, на печеньки, а там с 200р комиссия аж 400 с лишним рублей оО Может, через сбер или пэйпал?

    • @andrievskii
      @andrievskii  5 ปีที่แล้ว

      Есть пей пал, я не знаю, что там нужно, почту свою дать?

    • @Bousend
      @Bousend 5 ปีที่แล้ว

      @@andrievskii думаю да, может получится. Вроде уже пересылал кому-то подобным образом.

    • @user-bn9rw7fx6x
      @user-bn9rw7fx6x 4 ปีที่แล้ว

      @@andrievskii тоже хотел задонатить,но нихрена не разобрался. всё у вас в(на) Украине слишком заморочено))))
      Нужен способ оплаты попроще))

  • @_Fantom_.
    @_Fantom_. 3 ปีที่แล้ว +1

    Смотреть на скорости 1.5 одно удовольствие!

  • @misiraskerov525
    @misiraskerov525 5 ปีที่แล้ว +3

    Гриды будущее. Очень удобная штука.

  • @ФирудинМусаев
    @ФирудинМусаев 4 ปีที่แล้ว +3

    Что то мне Гриды пока больше нравяться Флеков. Спасибо за Урок. Лукос, как обычно!

    • @ADIL-mk8wn
      @ADIL-mk8wn 4 ปีที่แล้ว

      Я тоже так думал, но сейчас верстаю флекс/грид в соотношении 80/20

  • @ruslanvybornov1237
    @ruslanvybornov1237 4 ปีที่แล้ว +1

    отличный урок
    возьму на вооружение перед тем как кодить , буду делать разметку

  • @ЕвгенийМакарук-ж8в
    @ЕвгенийМакарук-ж8в 3 ปีที่แล้ว +1

    Ставлю лайк

  • @Art-M
    @Art-M 3 ปีที่แล้ว +1

    Чудово, дякую, все максимально зрозуміло

  • @ta_ti
    @ta_ti 4 ปีที่แล้ว +1

    никогда не слышала про грид, ужс) спасибо за урок!

  • @vldkv
    @vldkv 5 ปีที่แล้ว +1

    Спасибо большое за урок!)

  • @ГошаКуцэнко-в2х
    @ГошаКуцэнко-в2х 5 ปีที่แล้ว +2

    Вы персональные курсы не преподаете?

    • @andrievskii
      @andrievskii  5 ปีที่แล้ว

      На данный момент нет!

    • @Keen.3.0
      @Keen.3.0 2 ปีที่แล้ว

      зачем они тебе если они тут есть

  • @ЛжеДмитрий-ъ7м
    @ЛжеДмитрий-ъ7м 3 ปีที่แล้ว

    Как можно при помощи гридов задать кол-во столбцов и строк, если мы заранее не знаем сколько их будет? Например если html будет генерировать карточки товаров из бд, т.е. как использовать грид для не статической верстки?

    • @andrievskii
      @andrievskii  3 ปีที่แล้ว

      Для этого и нужно заранее понимать поток, или как будет распределяться ваше флоу страницы. Нельзя написать генератор адаптации под ситуацию, точнее можно, но это явно будет не дешево и не логично для обыденных задач верстки

  • @javoxrxomidov451
    @javoxrxomidov451 4 ปีที่แล้ว

    спасибо за такие уроки

  • @postalpostald4834
    @postalpostald4834 4 ปีที่แล้ว

    .grid > * что значит " >" и "*" я где-то пропустил и не могу понять, помогите ребят)

    • @НикитаКовалец-ю1щ
      @НикитаКовалец-ю1щ 4 ปีที่แล้ว

      типо ко всем элементам обращение

    • @ivan_kevlar
      @ivan_kevlar 4 ปีที่แล้ว

      @@НикитаКовалец-ю1щ точнее, ко всем дочерним элементам этого класса