#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) и ныне участник команды АроКод: Никита Бёркхардт.
9:44 Я немного поэкспериментировал и понял суть, при значении wrap-revers значения видимо идут зеркально, т.е. flex-end будет лепить элемент к вершине родителя, а flex-start - наоборот (речь идёт про align-self).
ps: Еще нашел одну вещь интересную, если ставить значение просто без "flex-", то в любом случае он будет работать как нужно, не смотря на wrapp
Надеюсь, помог разобраться :3
19:56 интересный рисунок, курсы топ👍
осталось задать border-radius для элементов 1 и 3
Я думаю лучше будет запоминаться если попутно переводить слова в коде. Например evenly - значит равномерно. Сразу становится понятнее в общем и целом ))
Курсы топ!
как развитие идет?
@@nicsfiftyone Неплохо, сейчас на 39м уроке )
@@Magajoba помог Вам этот курс? интересно, спустя столько время как у вас дела))
13:23 Ошибка. Изначально flex-grow равен 0, что означает запрет на увеличение в размерах даже если есть свободное пространство. При flex-grow: 1 блок начнет занимать все свободное пространство, а flex-grow: 2 будет занимать в два раза больше пространства, чем flex-grow: 1, если такой присутствует.
Привет. Спасибо, отпиши об этом в чате с отметкой Никиты
Здравствуйте! Для начала скажу, что уроки просто класные!) Скажите пожалуйста, что за прога, которой вы выделяете на экране красной линией?
Спасибо большое)
lightshot - программа для скриншотов
@@arokenru Скачал, попробовал - топ!) И Вам спасибо!)
@@user-fp2ud7nv1h Пожалуйста!
9:28 cклейка не понятная, сказал что поставлю flex-end, в итоге после склейки стоит flex-start, и говоришь неважно результата достигли, а что случилось то не понятно, почему так?
он потом объяснил что енд работает без флекса и он сам об этом забыл
На 15той минуте браузер и слова не сходятся, че то странное
блин, как он создал пространство в элементе 5:34? (для align-items = stretch)
увеличил паддинг сверху и снизу
.flexbox__item:nth-child(2) .flexbox__item-content {
padding: 75px 50px;}
@@loutreck Благодарю
Друг мой,а где посмотреть что ты написал в стилях от 1 до 17 столбца ,я нулевый ,повторяю в вс коде ,и прорабатываю с видео ,но я же не знаю как какие ты значения задал ,показал бы хоть перед стартом ,что ты написал ,что можно было четко повторять
У него в описании ссылка на Яндекс диск, там все коды к заданиям
сложная тема, особенно в конце
Не очень понятно с grow, basis и shrink
Хороший украденный урок у (Фрілансер по життю)
307 тыс. подписчиков
"FLEXBOX. Учимся верстать на флексах. Флексбокс уроки. Часть первая - свойства flex-контейнера"
ну а что поделать, грех не воспользоваться материалом его, чтоб самому долго не выдумывать, к томуже зачем потеть создавая бесплатный курс.. он и так мега крут и перегружен кста) ну это так..
хрюша обиделся 😢