6:28 треба було натиснути на кнопку grid та зробити мінімальний розмір devtools, щоб подивитись, як вони гарно реалізували цю тему, де видно сам контейнер, розмітку елементів, просто кайф
я тут вирішив освіжити в пам'яті HTML/CSS за допомогою ваших роликів (а як виявилось і дізнатись щось нове), і хочу сказати, що нещодавно використовував флоат, потрібно було розташувати 3 блоки картинок з описом так би мовити ялинкою і здалось, що саме в цьому випадку флоат найкращий варіант)
16:51, якщо бокс контейнеру додати якусь висоту, то вже не буде залізати на той елемент: .box-container { height: 200px; } Але якщо зробити трохи менше і він поруч з блоком, то тоді так, текст починається з останнього квадрата або написати: display: flow-root; для контейнера, тоді в нього буде висота та ширина, яка витіснить тег p, який накладається, але я не до кінця розібрався, чи нормально використовувати таке чи ні, і взагалі потрібно
Ну float цікава річ, думаю, навіть якщо застаріла, це не значить, що з цим не потрібно знайомитись. Перекладається як "плавати", після чого, я теж спробував додати достатньо тексту, і побачив, що він випадає з ціллю обтікати елементи. Я теж створив 5 квадратів, текст починається після верхнього правого кута елемента, а що цікаво, що якщо не додавати ширину та висоту контейнеру, то він все таки не 0 пікселів, а займає всю ширину, тобто, в залежності від наповнення. Але також йому можна перевизначити ширину, зробити так, щоб ширина була 500 пікселів, тоді буде поміщатись тільки декілька квадратів, а інші перенесуться на наступний рядок. Також можна додати висоту, тоді текст буде йти після цієї висоти, і це тільки що я сам помітив, трохи подивившись)
15:02 ця драма достойна справжнього фільм
ахаха, є таке)
6:28 треба було натиснути на кнопку grid та зробити мінімальний розмір devtools, щоб подивитись, як вони гарно реалізували цю тему, де видно сам контейнер, розмітку елементів, просто кайф
Дякую за вашу працю!
Дякую. Хороший урок про хороші речі)) було б чудово детальніше про flexbox ta grid.
Дякую велике!
я тут вирішив освіжити в пам'яті HTML/CSS за допомогою ваших роликів (а як виявилось і дізнатись щось нове), і хочу сказати, що нещодавно використовував флоат, потрібно було розташувати 3 блоки картинок з описом так би мовити ялинкою і здалось, що саме в цьому випадку флоат найкращий варіант)
Нове відео!! Нарешті)) Пішов вирівнювати елементи ;)
Радий, що надихнув)
Дякую! :)
Гарні уроки
Дуже дякую! :)
@@savchukit1454 👌
16:51, якщо бокс контейнеру додати якусь висоту, то вже не буде залізати на той елемент:
.box-container {
height: 200px;
}
Але якщо зробити трохи менше і він поруч з блоком, то тоді так, текст починається з останнього квадрата або написати: display: flow-root; для контейнера, тоді в нього буде висота та ширина, яка витіснить тег p, який накладається, але я не до кінця розібрався, чи нормально використовувати таке чи ні, і взагалі потрібно
27:15, ну можна висоту змінити) але так
Ну float цікава річ, думаю, навіть якщо застаріла, це не значить, що з цим не потрібно знайомитись. Перекладається як "плавати", після чого, я теж спробував додати достатньо тексту, і побачив, що він випадає з ціллю обтікати елементи. Я теж створив 5 квадратів, текст починається після верхнього правого кута елемента, а що цікаво, що якщо не додавати ширину та висоту контейнеру, то він все таки не 0 пікселів, а займає всю ширину, тобто, в залежності від наповнення. Але також йому можна перевизначити ширину, зробити так, щоб ширина була 500 пікселів, тоді буде поміщатись тільки декілька квадратів, а інші перенесуться на наступний рядок. Також можна додати висоту, тоді текст буде йти після цієї висоти, і це тільки що я сам помітив, трохи подивившись)
Так, зробіть, будь ласка детальне відео про Grid
Дякую за роботу! Але пропоную ще зробити огляд git та react, щоб мати повний набір навиків для джуна)😁
Так, це в планах)
grid-gap на сьогоднішній момент ця властивість являється застарілою, тому VS Code просить використовувати замість них нову функцію просто gap.
Цікаво, ну думаю подивитись на неї варто, зрозуміти хоч, що використовували раніше)
Ja omynu cej element "float" , ne praktychnyj. . VIdeo 👍