Основи HTML & CSS для початківців #23 - CSS Flexbox

Net Ninja flexbox tutorial:

[LJericho]

Для тих хто хоче повністю завершити меню тим що лого буде з лівого краю, а меню з правого як в самому прикладі зробіть наступне:

в клас .header додайте justify-content: end; (це почне вирівнювати наш контент по правому краю) і в клас .logo-container додайте flex-grow: 1; (цим ми віддамо під лого все вільне місце зліва). Важливо! у нас в файлі css немає класу .logo-container (ми об'явили його лише в html документі, але весь функціонал написали в іншому класі) тому допишіть його самостійно (в мене він йде одразу під .header).

Автору відео величезне дякую і прошу не перейматись за дрібні упущення, тема дуже об'ємна і мені довелось сідати за це відео 3 рази і кожного разу починати з початку щоб таки його пройти до кінця і нічого не упустити, не можу навіть представити як це важко зробити подібний об'ємний туторіал.

[CheshireCat-xsrc]

Дякую за чудові уроки. Все доступно та зрозуміло пояснюється. Для закріплення матеріалу я ще пройшла гру flexboxfroggy.
PS: ваш курс по HTML та CSS один з найкращих які я зустрічала на YouTube. Дякую за вашу працю.

[oleksandrherbish]

Дуже дякую за круті уроки.
Ти молодецть! Все дуже легко српиймається.
Боже, як приємно вчитися на українськй мові мові!
😍

[VitaliyBroom-zobj]

Прівит з 23 року
ти крутий дякую за гарний курс !!!

[HasDasCube]

Дуже круто розібрано! Дякую за уроки, особливо україномовні уроки тяжко найти

[pewpeech]

Дякую за Вашу працю, скільки матеріалу вичитала, не могла ніяк зрозуміти принципи використання кожної властивості та їх сенс, а терміни здачі лабораторної в університеті вже горять... Після Вашого відео нарешті дійшло, що й куди. Канал справжній скарб! ❤

[draganchuks]

Вітаю. Це наразі сама важка тема для мене, але бачу, що flex "всюдисущий"))) постараюсь затямимти. З першого разу відео не осилив, вернувся після штудіювання на інших ресурсах . Загалом величезне ДЯКУЮ!

[ДеревоЖиття-цм]

Дякую тобі Велике! Ти дуже Молодець з великої букви! Вдячний, що є люди, які так гарно і цікаво розмовляють українською та ще й такі якісно-хороші уроки навчають. Дякую, за те, що таку хорошу людину чую на відео!) Будь

P.s. Вже на 23 уроці перебуваю))

[RomarioTraveler]

Коментар для підтримки каналу.
респект автору!!!

[man_money_]

Дуже дякую за вашу працю! Справді надихаєте!

[ptteuhf]

Мільйон лайків автору за пояснення складної теми по-простому😊

[SerhiiTkachenko]

Дякую за чудові відео!!! Коротко, все основне, зрозуміло - чудово!!! 💪

[l.f.]

Дуже дякую за урок. Легко зайшов, хоча сама і не впоралась з вирівнюванням кнопки 🙈 Але не засмутилася)

[nazar]

Дякую тобі велике за всі твої відео і старання ! Ти - перший у кого я почав вчитися ІТ і мене ця галузь дуже зацікавила :)
Мега доступно, чітко та цікаво пояснюєш, а твоя чиста українська, з легким львівським акцентом, створює домашній комфорт при перегляді😊
P.S. Чи можна тебе знайти в телеграмі чи інсті ?

[HisokaMorrow-ts]

Якщо після
.header{
display: flex;
Текст не став на місце, спробуйте:
.logo-container{
display: flex;

[танясодомора]

Дякую!!! Дуже гарно пояснюєте, все зрозуміло!

[denysko]

24:57, я вже не дуже пам'ятаю, які там стилі, але я не очікував такої поведінки. Так як в тебе є блок header, в нього ти логотип помістив, під ним йде навігаційне меню, але чомусь це блок не розтягується як в мене в залежності від наповнення, можливо в тебе фіксована висота, якщо вона є, через це воно не поміщається в блок та вилазить за нього?..

[TOBI-dv]

6:44 flex-grow: задає пропорцію для батьківського елемента, незважаючи на висоту і ширину вже заданих елементів?

[gunmaster]

Дякую за урок. Виникло питання. Для чого ми добавляли окремий клас для картинки з серцем (для відступу від написа підтримати) . якщо вже маємо псевдоклас для цієї картинки. ( Дякую, якщо питання досі актуальні)

[denysko]

26:00, а чому так, я думав, що достатньо зробити батьківський блок display: flex; і тоді всі дочірні будуть мати можливості застосовувати flex властивості...