CSS Flexbox #11 Практические примеры использования Flexbox (Practical examples)

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ธ.ค. 2024

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

  • @ВладОмел-и9й
    @ВладОмел-и9й 22 วันที่ผ่านมา +1

    Всё просто супер! А за код в репозитории отдельное спасибо!

    • @YauhenKavalchuk
      @YauhenKavalchuk  22 วันที่ผ่านมา

      Всегда пожалуйста

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

    Вот таким должен быть любой курс!!!

  • @darialobanova3205
    @darialobanova3205 2 ปีที่แล้ว +8

    Cпасибо за эти уроки, очень круто, что все не растянуто и по 5-10 минут, гораздо легче сосредоточиться и все усвоить,

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

    Складно у тебя получается, Женя. Продолжай в том же духе.

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

    Решил сегодня освежить память по флексам.
    Как всегда подача материала отменная. 👍
    Большое спасибо за ваш труд!

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 ปีที่แล้ว

      👍

    • @aleksandr95
      @aleksandr95 2 ปีที่แล้ว

      @@YauhenKavalchuk Евгений, скажите пожалуйста. А по Angular в обозримом будущем никаких роликов не намечается?

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

    Thank you once again, Eugen, you did an awesome job.
    Learned a lot from your well-detailed explanations.

  • @СергейСергеев-х5р
    @СергейСергеев-х5р ปีที่แล้ว

    Прохожу курс в одной из школ,дабы хоть что то понимать бороздишь просторы интернета.Евгений спасибо огромное за ваши уроки!продолжу изучать ваш материал!

  • @maxim-cherkasov
    @maxim-cherkasov 3 ปีที่แล้ว +5

    Каждое слово на вес золота) Как гладко все зашло и распределилось по местам! Емко, доходчиво и вдохновляюще. Совет по дальнейшему развитию, - как вишенка на торте! :) Благодарю!

  • @chudotech
    @chudotech 2 ปีที่แล้ว +2

    Очень хорошо и доступно, спасибо огромное!!!

  • @EugenySubbotin
    @EugenySubbotin 2 ปีที่แล้ว +1

    классно! очень удобно изучать! теперь практика и на следующий курс - Grid!

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

    Спасибо огромное, Евгений!!!

  • @HA_CTPIME
    @HA_CTPIME 2 ปีที่แล้ว

    На этом канале качественный и понятный контент. Я видел платные курсы намного хуже по всем критериям. Я конечно же рад что автор разместил эти обучающие видео в свободном доступе, но думаю что он вполне может размещать эти курсы на платформах, где он мог бы получить за это деньги. Создание такого контента - это труд, и он явно заслуживает финансовое вознаграждение.

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 ปีที่แล้ว

      Спасибо. Если есть желание, то можете поддержать канал криптой.

  • @ДенисЛукьянов-б8в
    @ДенисЛукьянов-б8в 3 ปีที่แล้ว +3

    Не останавливайся!

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

      Пока и не планировал)

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

    Юзаю на практике Flex уже несколько лет для своих мини проектов. Данный курс привлек краткостью, информативностью и наглядностью.. Посмотрел меньше чем за час. Особая благодарность за flex и order

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

      Спасибо большое за отзыв

  • @donstacky
    @donstacky 2 ปีที่แล้ว +1

    Спасибо за курс 👏👏👏
    Была одна проблема. Медиа запрос работал в браузере, но при просмотре в инструментах разработчика в toggle device toolbar он не срабатывал (яндекс браузер и хром). Мучался несколько дней. Оказалось, что надо добавить в строку:
    (что она означает для меня загадка 😄)
    и всё заработало!!!
    Может кому-то тоже поможет.

    • @АндрейЕвграфов-э7к
      @АндрейЕвграфов-э7к 9 หลายเดือนก่อน +1

      помогло :)))
      час не мог понять, где я ошибку сделал

    • @donstacky
      @donstacky 9 หลายเดือนก่อน

      @@АндрейЕвграфов-э7к, кстати, советую Вам бесплатные курсы от rsschool, они долго идут, почти год, в 3 этапа, однако очень сильно прокачивают.

  • @melsarabyan
    @melsarabyan ปีที่แล้ว

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

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

    Cпасибо за уроки. Надеюсь эти знания приблизят к работе web deva))

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

      однозначно приблизят

  • @Grishka48
    @Grishka48 2 ปีที่แล้ว

    Спасибо за курс!)

  • @АлександрТокарчук-ы5и
    @АлександрТокарчук-ы5и 3 ปีที่แล้ว

    Отличный курс, все доступно и понятно, осталось только при помощи практики запомнить основные св-ва , спасибо !

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

    Все прошёл

  • @навигатор-ч6л
    @навигатор-ч6л 3 ปีที่แล้ว

    Спасибо за уроки, доходчиво и структурировано

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

    Очень нравится твоя подача материала

  • @AndCheb
    @AndCheb 2 ปีที่แล้ว

    Спасибо!

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

    По поводу модалки, все хорошо, но есть проблема. Пример, в форме много полей по высоте, допустим форма может занять 650 пик по высоте. Влексами она центрируется, но, если допустив высота окна браузера уменьшится по высоте до 400 пик, то шапка формы выходи за верхнюю границу экрана и обрезается вместе с кнопкой закрыть. Можно ли как то сделать, чтобы верхняя часть формы не уходила за рамки экрана и не обрезалась?

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

      Нет. В таком случае для модалкм выставляют фиксированные размеры и добавляют полосу прокрутки

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

      @@YauhenKavalchuk всеравно режит, вниз идет прокрутка, а вверх режит

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

    Супер - пересмотрел и по верстке и по flex все уроки. А подскажите по гридам есть у вас или планируете может?

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

      По CSS Grid тоже есть курс. Удобнее будет найти во вкладке - плейлисты. Раздел - CSS

  • @ОлегРоманович-ж4в
    @ОлегРоманович-ж4в ปีที่แล้ว

    Как поведет себя див с атрибутом фиксед, в диве с атрибутом флекс 300 пикселей по центре?

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว

      Fixed всегда выравнивается относительно окна браузера, так что он будет игнорить родителя

  • @kostya2192
    @kostya2192 ปีที่แล้ว

    А если слово main не помещается в 1 строку, как сделать его перенос?

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว

      Можно использовать - word-break

  • @chessclub92
    @chessclub92 ปีที่แล้ว

    cvc