#28 Flexbox [Курс по Верстке от AROKEN]

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 มี.ค. 2022
  • 👋 Привет! Это курс по верстке от Арокен.ру!
    В этом курсе ты обучишься основам верстки, поймешь, как создавать сайты и сделаешь свой собственный крутой проект!
    👨‍💻 Материалы курса (верстка и макеты):
    Яндекс.Диск - disk.yandex.ru/d/sPwFI1parDsGSA
    💥 Основной канал - / @arokenez
    ✈️ Телеграм - t.me/moodaroken
    🖥 Бесплатное сообщество - t.me/arokenru
    📜 Группа ВКонтакте - aroken
    🔥 Мой сайт AROKEN.RU - aroken.ru
    📩 Мой Телеграм Бот - t.me/aroken_bot
    🙋‍♂️ Мой блог - t.me/arokendays
    ⚠️ Осторожно! После прохождения курса ты рискуешь научиться создавать удобные сайты и ворваться в развивающийся айти рынок!
    ❓ Остались вопросы? Нет мотивации и уверенности в обучении? Пиши в наше бесплатное сообщество в телеграмме!
    Там опытные ребята помогут тебе разобраться в проблеме!
    👨‍🏫 Преподаватель курса - выпускник Личного Менторства (ныне Премиум) (aroken.ru) и ныне участник команды АроКод: Никита Бёркхардт.

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

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

    9:44 Я немного поэкспериментировал и понял суть, при значении wrap-revers значения видимо идут зеркально, т.е. flex-end будет лепить элемент к вершине родителя, а flex-start - наоборот (речь идёт про align-self).
    ps: Еще нашел одну вещь интересную, если ставить значение просто без "flex-", то в любом случае он будет работать как нужно, не смотря на wrapp
    Надеюсь, помог разобраться :3

  • @flameidk673
    @flameidk673 10 หลายเดือนก่อน +2

    19:56 интересный рисунок, курсы топ👍

    • @andrewf4566
      @andrewf4566 8 หลายเดือนก่อน +3

      осталось задать border-radius для элементов 1 и 3

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

    Я думаю лучше будет запоминаться если попутно переводить слова в коде. Например evenly - значит равномерно. Сразу становится понятнее в общем и целом ))
    Курсы топ!

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

      как развитие идет?

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

      @@nicsfiftyone Неплохо, сейчас на 39м уроке )

    • @jesterjester3836
      @jesterjester3836 6 หลายเดือนก่อน +1

      @@Magajoba помог Вам этот курс? интересно, спустя столько время как у вас дела))

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

    13:23 Ошибка. Изначально flex-grow равен 0, что означает запрет на увеличение в размерах даже если есть свободное пространство. При flex-grow: 1 блок начнет занимать все свободное пространство, а flex-grow: 2 будет занимать в два раза больше пространства, чем flex-grow: 1, если такой присутствует.

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

      Привет. Спасибо, отпиши об этом в чате с отметкой Никиты

  • @user-fp2ud7nv1h
    @user-fp2ud7nv1h 2 ปีที่แล้ว +3

    Здравствуйте! Для начала скажу, что уроки просто класные!) Скажите пожалуйста, что за прога, которой вы выделяете на экране красной линией?

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

      Спасибо большое)
      lightshot - программа для скриншотов

    • @user-fp2ud7nv1h
      @user-fp2ud7nv1h 2 ปีที่แล้ว +2

      @@arokenru Скачал, попробовал - топ!) И Вам спасибо!)

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

      @@user-fp2ud7nv1h Пожалуйста!

  • @user-yk9to8ed9m
    @user-yk9to8ed9m ปีที่แล้ว +2

    9:28 cклейка не понятная, сказал что поставлю flex-end, в итоге после склейки стоит flex-start, и говоришь неважно результата достигли, а что случилось то не понятно, почему так?

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

      он потом объяснил что енд работает без флекса и он сам об этом забыл

  • @user-gy2rh6oo1t
    @user-gy2rh6oo1t 7 หลายเดือนก่อน

    На 15той минуте браузер и слова не сходятся, че то странное

  • @SHonda-fq3gp
    @SHonda-fq3gp ปีที่แล้ว

    блин, как он создал пространство в элементе 5:34? (для align-items = stretch)

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

      увеличил паддинг сверху и снизу
      .flexbox__item:nth-child(2) .flexbox__item-content {
      padding: 75px 50px;}

    • @SHonda-fq3gp
      @SHonda-fq3gp ปีที่แล้ว

      @@loutreck Благодарю

  • @user-ij6it9id1e
    @user-ij6it9id1e 2 หลายเดือนก่อน

    Друг мой,а где посмотреть что ты написал в стилях от 1 до 17 столбца ,я нулевый ,повторяю в вс коде ,и прорабатываю с видео ,но я же не знаю как какие ты значения задал ,показал бы хоть перед стартом ,что ты написал ,что можно было четко повторять

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

      У него в описании ссылка на Яндекс диск, там все коды к заданиям

  • @Alyonushka_rikova
    @Alyonushka_rikova 3 หลายเดือนก่อน

    сложная тема, особенно в конце

  • @evgenieff
    @evgenieff 5 หลายเดือนก่อน

    Не очень понятно с grow, basis и shrink

  • @user-qh5fp6jw8b
    @user-qh5fp6jw8b ปีที่แล้ว +3

    Хороший украденный урок у (Фрілансер по життю)
    307 тыс. подписчиков
    "FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть первая - свойства flex-контейнера"

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

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

    • @machkaboy
      @machkaboy 3 หลายเดือนก่อน

      хрюша обиделся 😢