CSS Grid за 13 хвилин
ฝัง
- เผยแพร่เมื่อ 5 ส.ค. 2024
- Що таке CSS Grid? Для чого воно потрібне та як з ним працювати? В цьому відео я розбираю разом з вами основні поняття й принципи та показую, як можна створити просту сітку.
Мій телеграм канал «Той самий Бабіч» t.me/toisamyibabich
***
Підтримати проєкт:
base.monobank.ua/945RjPetbDGaHT
www.buymeacoffee.com/babichweb
***
00:00 Привітання
00:10 Коротко про історію CSS Grid
01:55 Grid line
02:28 Grid track
02:41 Grid cell
02:53 Grid area
03:12 display:grid та inline-grid
03:48 Задання колонок та рядочків
05:38 Розташування клітинки за лініями сітки
07:02 Параметри автоматичних рядочків та колонок
09:55 Розташування елементів сітки в зонах
12:33 Епілог - แนวปฏิบัติและการใช้ชีวิต
Одне з самих легких пояснень доволі складної теми. Дякую
Дякую! Може й зберусь колись продовжити цю серію )
Доброго дня, дякую за Вашу працю
Якісний контент. Стисло але більш ніж зрозуміло. Дякую
Дуже гарне відео!
Дуже дякую за таке пізнавальне відео🤗
Дякую за відгук)
Дякую за контент УКРАЇНСЬКОЮ!
Дякую за контент!
Дякую
Привіт) Дякую за роботу! Підписався,коментар додав)) гарного дня
Дякую!
Шикарне відео!🔥
Дякую!
Супер, дуже доступне пояснення👍
Як завжди топ❤ чекаю з нетерпінням на другу частину😊
З тим, скільки я робив цю - чекаю ще з більшим нетерпінням, бггг
@@babichweb , нічого😄 справжні поціновувачі якісного контенту готові довго чекати😉
👍
Супер! Код + Приклад, без води і те що треба
Ще й не матюкавсь!
Просто і зрозуміло. 👍🏻
Дякую)
Дяка, дуже зрозуміло!
Дякую за відгук! Дуже тяжко йшло )
Те, що якраз мені треба! Чекаю другу частину. Так тримати 👏
Дякую!
Ого як звук покращився!) Круто, лайк авансом, йду дивитися далі)
Дякую, стараюсь )
Дякую! Якраз руки не доходили з грідами познайомитись) А тут все просто і зрозуміло! Чекаю другу частину🔥
Дякую! Будем ждать разом, бгг
дякую за твою роботу та очікую вже продовження! чітко пояснюєш! не зупиняйся і продовжуй в тому ж дусі))
P.S. підписався після відео з CSS і вставленими мемчиками)))
Дякую! Сподіваюсь, скоро вже вдасться
👏
Прийшов до Вас із Лінкедіна. Це коментар як підтримка для розвитку каналу та свідчення про дієвість Вашої самореклами. А контент взагалі чудовий! Шкода, що не було його минулого року.
Дякую! Що ж, контент проте є цього року)
@@babichweb і це чудово!
Приєднуюся до всіх - відео дуже користе, все зрозуміло розказано-показано. І дійсно - css не закінчуються марджинами/паддінгами і колорами. Є що пізнавати 👍 P.S. А жартів ми все-таки вкінці дочекалися 🤣
Серденько за уважність )
На відео все просто і ясно, але коли зкопіював код то нічого не працює. Дуже не хватає jsfiddle щоб погратися з кодом.
Якщо можете то прикріпіть код на пісочницю якусь.
Дякую за відео, корисно витратив час.
Доброго вечора Сергій , с цім питання то ясно, а чи можите зробити відео урок ,"як створювати веб-сторінку", це так прохання дуже маленьке)
Дякую за питання.
Можу.
Сергію, як вважаєш, для табличних даних краще використовувати просто table? Чи все таки можна і CSS Grid?
Дякую за запитання! Його треба дослідити, насправді, не в останню чергу з точки зору доступности. Я б наразі радив і надалі таблиці робити таблицями, адже це їх задача. До того ж, у таблиць є доволі специфічна поведінка, що впливає на колонки, а я не впевнений, що ця поведінка відтворюється ґрідами.
Чекав-чекав жартів, і так і не дочекався))
Треба ще трошки почекать
Наче і все памʼятав, а тут бац і освіжив знання! Ще й про крапочку дізнався...
Так і я тоже про крапочку дізнався з цього відео, по факту )
Бляха, CSS став такий мощний, я не поверстав пару років і вже не пам'ятаю як все працює
І це ще не межа!
а коли буде другий грід?
От цього поки не знаю ) Але точно буде )
Буде класно побачити юзкейси в яких флексбоксами не обійтися і треба робити грід
Існує така можливість, ймовірність невеличка, що я присвячу окреме відео верстці дечого цікавенького саме ґрідами.
👍