CSS Grid Layout. Свойства определения сетки grid-template и другие

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ม.ค. 2025

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

  • @FreelancerLifeStyle
    @FreelancerLifeStyle  4 ปีที่แล้ว +16

    🤟 Весь плейлист CSS Grid Layout th-cam.com/video/GV92IdMGFfA/w-d-xo.html
    🔴 Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle
    🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
    🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
    🔴 Facebook: facebook.com/freelancerlifestyle
    🔴 Instagram: instagram.com/freelancer.lifestyle

  • @woodDacha
    @woodDacha 3 ปีที่แล้ว +109

    лучший канал по верстке , что я знаю. Некоторые видео пересматривал раза по 3-4 когда надо освежить в памяти. Кратко понятно и доходчиво!

  • @Hrusst
    @Hrusst 4 ปีที่แล้ว +24

    Смотрю уроки про grid CSS на большом экране телека, изображение чёткое, разрешение соответствует... Качество изображение стало лучше, спасибо за твои уроки и твой труд!

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

    Большое спасибо за этот урок! Я вас в прошлых критиковал, всё никак не доходило до конца, а тут полностью дошло. Долго пытался разобраться с гридами и всё не получалось. Ради интереса переделал ваш двухколоночный макет в трехколоночный плюс футер, и всё это оказалось легко и просто. Использование grid-template даже проще в понимании логики процесса за grid-template-rows + grid-template-columns + grid-template-areas, хотя бы тем, что строки ты прописываешь каждую на отдельной строке, прям как эти строки будут отображаться в макете, а не в ряд как в grid-template-rows, а колонки в одну строку, что тоже удобно, так как создается виртуальное представление колонок.

  • @k.e3730
    @k.e3730 4 ปีที่แล้ว +53

    Евгений, спасибо за труд и что делитесь с нами своими знаниями🙏

  • @ВладОся-з7ь
    @ВладОся-з7ь 4 ปีที่แล้ว +14

    Вы делайте меня счастливым , у вас талант объяснения , спасибо вам большое за ваши старания .

  • @ОлегСустов
    @ОлегСустов 2 ปีที่แล้ว +5

    Удивляюсь, как сложный материал легко заходит при правильной подаче!) Спасибо!!!

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

    благодарю за качественный контент, которые вы нам предоставили сенсай :)

  • @ЕленаКозлова-э1ж
    @ЕленаКозлова-э1ж 3 ปีที่แล้ว +2

    Вот я и взялась изучать гриды, под Вашим руководством. Все понятно, все четко расписано. Спасибо огромное за Ваши уроки.

  • @konstantino7016
    @konstantino7016 3 ปีที่แล้ว +4

    Какой же классный урок! Спасибо Женя!!!

  • @zmeygorynych5684
    @zmeygorynych5684 4 ปีที่แล้ว +4

    Очень классные уроки. Настолько доходчиво доносить информацию можете только вы. Просто божественно.

  • @knowledgesponge8111
    @knowledgesponge8111 3 ปีที่แล้ว

    Учусь уже месяц, Женя , твоя фоновая музыка у меня практически постоянно в голове))))Спасибо тебе за уроки, но кукуха реально едет от инфы и музыки)

  • @IT-Svyatoslav
    @IT-Svyatoslav 4 ปีที่แล้ว +18

    Женя ты супер! Классно мотивируешь! Хочу изучить Grid по твоему плейлисту!

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

      Спасибо!

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

      @@FreelancerLifeStyle Спасибо за плейлист и канал в целом. Очень полезно и понятно. И красиво.

  • @АртемКа-в3к8й
    @АртемКа-в3к8й 4 ปีที่แล้ว +2

    Когда наступил момент имена областей, я реально обалдел, ты крут!)

  • @НиколайДворцов-н6щ
    @НиколайДворцов-н6щ 2 ปีที่แล้ว +1

    Спасибо за такие качественные уроки!

  • @АндрейКолодица
    @АндрейКолодица 4 ปีที่แล้ว +2

    самые лучшие и главное понятные объяснения о верстке, без вас я бы еще дольше по времени разбирался. Евгений вы лучший, такое чувство что за работу взялся самый настоящий перфекционист, который понимает что надо для новичка.
    но у меня еще предложение: как вам идея сделать разбор об инспекторе браузеров? об их фишках и полезностях.
    так же хотелось бы чтобы еще были макеты для фигмы, поскольку лайфхак с аккаунтами для авакода не работает, по-крайней мере у меня((
    но в любом случае, мое тебе почтение и уважение евгений

  • @alenachuyankova
    @alenachuyankova 3 ปีที่แล้ว +17

    Я начинала с ваших уроков свои попытки войти в айти) Я продолжаю учиться, но вы как были одним из лучших, так и остаетесь. Вам давно пора школу открывать! У меня к вам большая просьба с точки зрения новичка, который по крупицам собирает в резюме все что угодно, чтобы продемонстрировать "Я читал, слушал, вот там и тут". Т.е. просьба называть курсы на Ютубе таким образом, чтобы их можно было указывать в резюме. К примеру, курсы на Юдеми или Орейли - это тот же Ютуб по сути, но на другой площадке.
    Ваш уровень преподавания гораздо выше, чем у большинства людей, которые берут за это деньги! Качество контента, да и все вообще на высоте. Вы делаете огромную работу. Просьба только как-то это все оформить, чтобы на вас можно было ссылаться. Оно возможно и вам полезно будет с точки зрения, чтобы вас упоминали чаще. Большое спасибо!

  • @Atelier155
    @Atelier155 4 ปีที่แล้ว +18

    Спасибо большое, очень крутые гриды, особенно в сочитании с флексами !

  • @Misha-knz
    @Misha-knz 9 หลายเดือนก่อน +1

    Відео супер, дякую!!!

  • @-Forever-Young-
    @-Forever-Young- 3 ปีที่แล้ว +4

    Спасибо, Жека! Учусь по твоим урокам)

  • @deorfeal5657
    @deorfeal5657 3 ปีที่แล้ว +3

    Спасибо за урок, искренне благодарен. Не представляю сколько бы времени потратил на изучение данной темы без ютуба и собственно твоего канала!))

  • @smdyachenko
    @smdyachenko 4 ปีที่แล้ว +3

    Благодарю за ваш труд!

  • @ПетроЖелев
    @ПетроЖелев 2 ปีที่แล้ว +1

    Євгене, красно дякую за чудову подачу інфи і круте розтлумачення!!!

  • @DashaG182
    @DashaG182 4 ปีที่แล้ว +2

    Спасибо, Женя! Огонь!

  • @Anatoli-bq1pe
    @Anatoli-bq1pe 2 ปีที่แล้ว +1

    Как всегда отличная подача материала)

  • @deevue_sews
    @deevue_sews 4 ปีที่แล้ว +6

    Мне очень понравился урок! Я понял что почти ничего не знаю о гридах.
    Жду новых уроков.!
    Спасибо!

  • @ГеоргийЦветухин
    @ГеоргийЦветухин 4 ปีที่แล้ว +1

    Ух, наконец-то решил изучить гриды и сразу же к тебе на канал! Все круто объясняешь, с примерами! Благодарю!

  • @dunhill302
    @dunhill302 4 ปีที่แล้ว +2

    Евгений, МЕГА круто!!!! Спасибо!!!!

  • @ДмитрийКузьмин-ш2с
    @ДмитрийКузьмин-ш2с 4 ปีที่แล้ว +9

    Жека, благодарю!! Очередная годнота.

  • @yaroslavbox1249
    @yaroslavbox1249 4 ปีที่แล้ว

    Знаком с grid, но после этого видео узнал новые свойства, grid контейнера, Круто!👍

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

    Спасибо все чётко и понятно!!!

  • @Faradenza-sb3mj
    @Faradenza-sb3mj 2 ปีที่แล้ว +1

    спасибо вам большое

  • @BloodGraber
    @BloodGraber 3 ปีที่แล้ว

    Пишу немного backend на фреймворках. Решил вот сделать свою верстку чтобы применить как шаблон темы и по ходу я застрял на Вашем канале!:))) Очень впечатляет! Спасибо за Ваш труд. Однозначно лайк!

  • @JONNY_NOOB
    @JONNY_NOOB 4 ปีที่แล้ว

    Отличное видео. Всё понятно. Теперь знаю как управлять грибами припостроении интерфейса.

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

    Красавчик! Все подробно доступно.

  • @669pain
    @669pain 2 ปีที่แล้ว

    Комментарий в поддержку видео/канала. Хорошая подача, годный контент 👍

  • @dexterholland4430
    @dexterholland4430 4 ปีที่แล้ว +6

    Хорошо, отлично, замечательно :)

  • @RohanSan-nh1ig
    @RohanSan-nh1ig 3 ปีที่แล้ว +2

    Огромная благодарность за данный контент и правда лучший канал для обучения из тех что знаю )

  • @BAS-64
    @BAS-64 3 ปีที่แล้ว +2

    У вас талант к преподаванию.

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

    Просто получаю интеллектуальное наслаждение))

  • @serezhalotarvv
    @serezhalotarvv 4 ปีที่แล้ว +3

    Спасибо за такой прекрасный видеоурок! Уже давно являюсь зрителем вашего канала, и в восторге от каждого видеоролика! Продолжайте в том же духе, у вас талант преподавателя.

  • @ОлександрЯківець-ь2и
    @ОлександрЯківець-ь2и ปีที่แล้ว

    Супер, не перестаю вчитись по твоїм відео, ти перевернув моє уявлення про CSS!

  • @АлександрПриллепа
    @АлександрПриллепа 4 ปีที่แล้ว +5

    Жека, видео позновательное, спасибо тебе за твои уроки

  • @НиколайКомаров-ъ4ъ
    @НиколайКомаров-ъ4ъ 4 ปีที่แล้ว +1

    Ваши видео очень познавательные и интересные!
    Спасибо огромное за Ваш курс!
    Вы единственный человек которого я видел на площадке youtube, который очень просто и доходчиво посвящает в web разработку))

  • @oleg_andrianov
    @oleg_andrianov 3 ปีที่แล้ว

    Ахренеть какая крутая штука эти гриды! Как досадно что я не научился этому раньше(

  • @el_dorado
    @el_dorado 3 ปีที่แล้ว

    Шикарно! Прошел на FreeCodeCamp сейчас блок на эту тему и не особо понял. А тут посмотрел, и как будто бы понял). Спасибо большущее!

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

    Спасибо за всё)))

  • @МихаилЗалозный-у4ч
    @МихаилЗалозный-у4ч 2 ปีที่แล้ว +1

    Євген дуже дякую за вашу працю ❗Навчаюсь з задоволенням, дуже гарно викладаєте матеріал... Сподіваюсь що в мене все вдасться 👍🤝👌❗

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

    Спасибо большое за полезный урок!

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

    Спасибо! Очень нужный материал ! Ты лучший

  • @bessonov7897
    @bessonov7897 4 ปีที่แล้ว +3

    Твои уроки самые лучшие, спасибо тебе огромное!!!

  • @MegaTesei
    @MegaTesei 3 ปีที่แล้ว

    Класcная штучка этот Grid Layout! И, да, красивые фотки у фонтана!

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

    Спасибо огромное, как всегда топ!

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

    "Но и это еще не все!" :)

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

    Дякую Вам за ваші уроки, вони суттево допомогають в розумінні верстки і надихають.
    - можете пояснити чому саме [row2] а не просто [row].
    - і чому після закінчення першого рядка надо ставити [row2] і потім формуючи новий дярок знову ставити [row2] ? (16:19 - Свойство grid-template)

  • @evrozah1
    @evrozah1 3 ปีที่แล้ว

    Четко,понятно,профессионально. Материал отлично спланирован и подан.Топовое качество.

  • @Dark-jk8mq
    @Dark-jk8mq 4 ปีที่แล้ว +11

    красавчик, продолжай в том же духе!

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

    Дякую Жека. Крутий контент

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

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

  • @АкылбекБайзаков-н7ъ
    @АкылбекБайзаков-н7ъ 2 ปีที่แล้ว +1

    Спасибо, Жека!!!

  • @sichouli1914
    @sichouli1914 3 ปีที่แล้ว

    вы как всегда прекрасны! Прям солнышко, сияете!)

  • @array3876
    @array3876 3 ปีที่แล้ว

    Большое спасибо за ваши уроки

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

    господи, кто может ставить дизы Жеке? это же прекрасный контент!

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

    Блин, это просто супер!! Большое спасибо!

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

    Спасибо большое! Видео помогло решить мою задачу)

  • @СергійК-з5т
    @СергійК-з5т 3 ปีที่แล้ว

    Детально і Конкретно, Дуже Хороший урок... Дякую Вам

  • @oktoster1173
    @oktoster1173 4 ปีที่แล้ว +3

    Как всегда топ 😊

  • @JesseJames-mh5kb
    @JesseJames-mh5kb 4 ปีที่แล้ว +4

    Давай Жека топи! Лайк не вглядываясь

  • @koesh4696
    @koesh4696 3 ปีที่แล้ว

    Это реально удобней флексов

  • @YaniaRZ
    @YaniaRZ 3 ปีที่แล้ว

    Спасибо, смотрим дальше)

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

    Огромное спасибо, ты лучший)

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

    Відео подивився, ручками прописав все те саме, лайк поставив, йду дивитись наступний урок!

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

    Ураа! Спасибо, вы лучший!

  • @armenakcomp
    @armenakcomp 4 ปีที่แล้ว

    Урок как всегда отличный, без воды, материал изложен так сказать из простого к сложному. Остается только потренироваться и применять на практике. Спасибо!

  • @kirillivanov4922
    @kirillivanov4922 4 ปีที่แล้ว +2

    Евгений, подписчики ждут видео о личной вашей жизни, мотивирующие цитаты получаются от таких видео, расскажите как учиться чтобы не перегореть, либо что-то о личной мотивации, как настроиться на лучшую жизнь, ведь это не так и просто. Поддержите ребята лайком, дядя Евгений по свободному времени нам что-то преподнесёт проинформирует и поддержит нас интернов.

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 ปีที่แล้ว +2

      Вот тут можно найти мотивацию th-cam.com/play/PLM6XATa8CAG5tj86KRCFVbPodt5TGQEF9.html

    • @kirillivanov4922
      @kirillivanov4922 4 ปีที่แล้ว

      Фрилансер по жизни - IT и фриланс
      Принял) благодарность

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

      Не устраивает текущая жизнь или зарплата, хочешь работать из любой точки планеты имея только ноут и инет, либо дома/в офисе, при этом зарабатывать еще вероятно больше чем сейчас - это и должно мотивировать верно ?

  • @ЭдСуровый-ъ1р
    @ЭдСуровый-ъ1р 4 ปีที่แล้ว

    Просто оставлю лайк и коммент, для поддержки, так сказать :)

  • @ИгорьБражный
    @ИгорьБражный 2 ปีที่แล้ว

    Это реально бомбовый урок, впечатлен свойствами сетки.

  • @vzrosly_muzik
    @vzrosly_muzik 3 ปีที่แล้ว +3

    Учусь в Скилл боксе, могу сказать очень много хорошего про эту школу, но ТАК круто можете объяснять какую-то тему только Вы! Спасибо, Женя)
    P.S.: Один маленький момент, areas произносится, как Эриас (ударение на Э) :)

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

    Гениально! спасибо!

  • @keepworking2705
    @keepworking2705 3 ปีที่แล้ว

    Только подумал что в плейлисте по верстке не хватает видео про единицы измерения, как оно сразу появилось) Чтение мыслей)

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

    Дякую! Все зрозуміло.

  • @ЕкатеринаБерезовская-ч9с
    @ЕкатеринаБерезовская-ч9с 4 ปีที่แล้ว

    Так много интересного , спасибо)

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

    Спасибо! Лучшее пояснение, которое нашел. Все по полочкам!

  • @alenachuyankova
    @alenachuyankova 3 ปีที่แล้ว

    Спасибо! Очень крутая штука!

  • @thebaglay123
    @thebaglay123 4 ปีที่แล้ว +2

    Великолепно!

  • @ulfatkhalikov7400
    @ulfatkhalikov7400 4 ปีที่แล้ว

    Это просто пушка! Спасибо!)

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

    Очень интересное свойство. Очень доступно преподнесено. Пытаюсь вообразить все возможные варианты применения данного свойства... с нетерпением жду практики)

  • @teosurch
    @teosurch 3 ปีที่แล้ว

    Спасибо за помощь!

  • @explosivecl
    @explosivecl 3 ปีที่แล้ว

    Отличный канал, отличное и информативное видео. При просмотре 20-ти минутного видео становится немного скучно, но всё отлично! Удачи в развитии канала!!

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

    Очень хорошо объяснил. Спасибо!

  • @keks_o4162
    @keks_o4162 3 ปีที่แล้ว

    Все подробно доступно

  • @kristinaalex8025
    @kristinaalex8025 4 ปีที่แล้ว +3

    Клас! Спасибо!!)

  • @aau8
    @aau8 4 ปีที่แล้ว +26

    На протяжении всего видео думал что это все! НО НЕТ!!!)))

  • @АнастасияПрокофьева-и2й
    @АнастасияПрокофьева-и2й 3 ปีที่แล้ว

    Спасибо, Сенсей!

  • @alshabanov
    @alshabanov 4 ปีที่แล้ว +4

    Сразу лайк :))

  • @Farik87
    @Farik87 4 ปีที่แล้ว

    Звук тихий. В остальном - класс!

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 ปีที่แล้ว

      Хм, постараюсь исправить

    • @kar1kam1
      @kar1kam1 4 ปีที่แล้ว

      @@FreelancerLifeStyle да, звук тихий, звук в плане твой голос когда верстаешь, во вступлении и в конце всё норм. видимо надо уровень громкости чуть подтянуть

  • @vladovcharov517
    @vladovcharov517 4 ปีที่แล้ว +3

    омг где все те люди которые кричали про "где гриды??" как и с флексами очень круто все понятно

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 ปีที่แล้ว +3

      Спасибо! Все там же те кто кричит когда JS )))

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

    Благодарю за уроки!

  • @Medulla_oblongata01
    @Medulla_oblongata01 4 ปีที่แล้ว

    похоже на старую верстку таблицами. спасибо за урок)

  • @Pros_tp
    @Pros_tp 4 ปีที่แล้ว +4

    Спасибо