Grid сетки в CSS. Часть 1

Рет қаралды 9,075

Жыл бұрын

Разбираемся с гридами в CSS с самого начала на простом примере. Верстаем вместе с display: grid; по-новому.
Часть 2: • Grid сетки в CSS. Часть 2
Часть 3: • Grid сетки в CSS. Часть 3
👁‍🗨 Телеграм канал: t.me/frontend_du2
👁‍🗨 Discord: / discord
👁‍🗨 VK: frontend_du2
👁‍🗨 Дзен: dzen.ru/frontend_it

Пікірлер: 92

@stanislavchekaev9426 3 ай бұрын

Александр! Это МАГИЯ!!!!

@alex_dudukalo 3 ай бұрын

:)) Спасибо. Очень рад, что вам понравилось :)

@user-hk5hb6hl1k Жыл бұрын

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

@stanislavchekaev9426 6 ай бұрын

Александр, огромное спасибо за ваш труд!!! Вы объясняете так просто и понятно, что даже мне, 50-и летнему динозавру только начинающему путь в IT, всё ясно. В меня никто не верит и иногда опускаются руки. Но посмотрев ваши уроки у меня снова появилась мотивация. У вас талант!!! Не просто преподавать (этого добра на всяких курсах хватает), а именно учить. Пожалуйста, продолжайте...

@alex_dudukalo 6 ай бұрын

Спасибо за ваш комментарий 🙈 безумно приятно, ваша поддержка очень вдохновляет ☺ так же рад, что ролики мотивируют вас на изучении JS 🔥 оставайтесь на канале

@slavaProg 13 күн бұрын

Александр "Это магия !" мне очень понравился grig с ним очень просто работать при адаптиве! не приходиться писать переменные и формулы хотя они и так простые 🤫😉 Но все равно grid удобнее и они выглядят как боле перспективное решение

@mambetaa3486 Жыл бұрын

Спасибо Александр!

@tobesunset820 2 ай бұрын

Спасибо! Получилось закрепить на практике! Интересное сравнение с яйцом в лотке)

@IT-Svyatoslav Жыл бұрын

Продолжение! Мне ОЧЕНЬ нравится твоя подача и ты сам как ментор, как человек

@Aleksei_Turlaykov Жыл бұрын

Ты верстальщик Гарри! ©ХаGrid Делай продолжение!!!!!🤯🤯🤯

@andreyfedyukin8360 Жыл бұрын

Спасибо 👍

@TamaraNikolaevna 7 ай бұрын

Отлично, всё понятно. Спасибо, Александр!

@alex_dudukalo 6 ай бұрын

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

@raisin8934 Ай бұрын

Здравствуйте Александр! У вас природный талант к обучению, вы очень хорошо и понятно объясняете. Благодаря Вам я разобрался в js. Но в данный момент подзастрял на гридах, тк неочень понятны некоторые вещи. Спасибо огромное за такие понятные разъяснения! Вы очень выручаете!

@alex_dudukalo Ай бұрын

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

@raisin8934 Ай бұрын

@@alex_dudukalo я и 3е посмотрел) Невероятно понятно объясняете. Еще раз шлю Вам благодарности!!)))

@user-ys2et3kc8c Жыл бұрын

Это бомба!!! Круто Спасибо. Жду вторую часть.

@user-ue2rj5bk5q 10 ай бұрын

Спасибо. Это самое понятное объяснение про grid.

@alex_dudukalo 10 ай бұрын

Спасибо за ваш комментарий. Очень рад, что ролик вам помог разобраться в теме ):

@Djeims032 3 ай бұрын

Ну вот так стало куда яснее) спасибо!

@alex_dudukalo 3 ай бұрын

Спасибо вам за отзыв :) Я рад, что видео понравилось :)

@user-rp9du1uu3l Жыл бұрын

еще не начал изучать grid, но уже его понял и разобрался, хоть и малую часть. Спасибо за классное и понятное изложение материала. Жду продолжения)

@alex_dudukalo Жыл бұрын

Спасибо за комментарий. Я с поздним ответом :) Новые ролики уже на канале )) Надеюсь будут такими же понятными, как этот ))

@risenshine1349 Жыл бұрын

обожаю ваши видео)) давайте больше про JS! У вас талант к объяснению)

@user-mt9lq4hl1c Жыл бұрын

Александр, спасибо! Очень нужное видео, вы отличный преподаватель!! Запишите, пожалуйста, видео по БЭМ

@augustina1981 6 ай бұрын

Большое спасибо за видео! Очень хорошо рассказываете, все понятно!☺

@alex_dudukalo 6 ай бұрын

Спасибо за ваш комментарий🤗 ваша поддержка очень мотивирует)) оставайтесь на канале😎

@user-pl7jz8tc6d 8 ай бұрын

Спасибо большое! Очень полезное и доступное видео! Продолжайте в том же духе! Вы молодец!

@alex_dudukalo 8 ай бұрын

Спасибо за комментарий😊 надеюсь и другие видео канала будут вам полезны 🤗

@makeuppolina Жыл бұрын

Спасибо большое, Александр!

@user-lm9ee1gn5p Жыл бұрын

Спасибо, вы гениальный преподаватель 👏

@alex_dudukalo Жыл бұрын

))) Улыбнулся)) Спасибо вам за вашу регулярную поддержку )

@user-pn2yc4cb8q 4 ай бұрын

Хорошее видео и понятное. Спасибо

@stanislavosipkin Жыл бұрын

Отлично изложен материал по сеткам, спасибо.

@user-tu5zo5zy2g Жыл бұрын

магия во всем, спасибо)

@alex_dudukalo Жыл бұрын

Большое спасибо вам за вашу поддержку комментариями в роликах

@Andreus9733 8 ай бұрын

Гриды это просто кайф

@alex_dudukalo 8 ай бұрын

Спасибо 🔥🔥

@user-xp5sk1sj7g 5 ай бұрын

Спасибо, хороший материал! 👍

@alex_dudukalo 4 ай бұрын

Спасибо за ваш комментарий🤗 надеюсь и другие видео канала будут вам полезны ☺

@user-vf7ll6sf9o Жыл бұрын

Теперь хочется попробовать, видео супер 🙌

@RamaRama-qv3jo Жыл бұрын

Супер! Благодарю!

@alexolympic Жыл бұрын

Супер полезный ролик💪💪

@vyacheslavponomaryov9084 3 ай бұрын

Видео всегда отличные! И писать нечего. Вам хейтеров нужно заводить сразу много комментов будет. Скажите что Месси получает незаслуженные награды и сразу комменты посыпятся)

@giorgiagdgomelashvili423 Жыл бұрын

Спасибо за контент ❤️

@user-ub8jf6ok9b Жыл бұрын

Александр, спасибо за видео! Буду ждать следующие части. Всегда использовала flex, нужно вводить Grid. Было бы здорово, если бы в следующем видео дали краткое пояснение когда лучше использовать flex, grid, bootstrap )

@user-xk5df4gz8h 7 ай бұрын

bootstrap использует flex

@AntonioBenderas Жыл бұрын

Боялся с флексов переходить на гриды. Надеюсь после видео этой серии мои опасения пропадут

@relaxdeepsleepmusic3608 Жыл бұрын

Очень полезное видео для моей домашки, круто спасибо 👍

@mrlaowai2127 Жыл бұрын

Спасибо за видео!

@alex_dudukalo Жыл бұрын

Спасибо вам :)

@user-lm9ee1gn5p Жыл бұрын

Ждем продолжение

@alex_dudukalo Жыл бұрын

Уже готовлю )) Спасибо

@aim6883 8 ай бұрын

Магия, молодец)

@alex_dudukalo 8 ай бұрын

Спасибо 🤗

@TeomunMete 4 ай бұрын

Thank you so much

@user-mv7pi8qb1d Жыл бұрын

Спасибо Вам большое

@alex_dudukalo Жыл бұрын

Спасибо вам :)

@user-jq6tr6rr8v 7 ай бұрын

Спасибо большое!

@alex_dudukalo 7 ай бұрын

Спасибо за отзыв 🤗

@avraamlinkolnq 9 ай бұрын

Вообще круто!

@alex_dudukalo 9 ай бұрын

Спасибо за ваш комментарий 😊

@nike-555 Жыл бұрын

🎊 🎉 ураа)

@Fairuza22 8 ай бұрын

спасибо!

@alex_dudukalo 8 ай бұрын

Спасибо за комментарий 😊

@user-nc4es3dr4y 6 ай бұрын

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

@user-xr8qj9jc4l 6 ай бұрын

Лайк и подписка. Спасибо🎉❤

@alex_dudukalo 6 ай бұрын

Спасибо за ваш комментарий🤗 ваша поддержка очень важна!

@user-py4sn3so3j Жыл бұрын

Интересно увидеть ролик про: Почему некоторые разработчики не работают в компаниях, а делают контент. Интересно послушать + и - такой работы. Может есть какая-то философия этого?

@alex_dudukalo Жыл бұрын

Хороший вопрос, который я себе задаю. На данный момент почти 80% времени я уделяю преподавательской деятельности. В остальном делаю ролики ) Мне нравится это направление :) Многие используют ютьюб, как твою визитную карточку :)

@dukecca Жыл бұрын

А можно ли расчитывать колонки при помощи calc?

@userDDR777 Жыл бұрын

Здравствуйте Александр! Это крутая магия! У меня вопрос: если каждую секцию сайта сделать сеткой, то не смешаются ли они при адаптиве?

@alex_dudukalo Жыл бұрын

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

@nftnewsonline5908 Жыл бұрын

я уже хочу вторую часть

@user-pb1nl3hy2i 11 ай бұрын

Александр Здравствуйте ! А запишите пожалуйста видео про " bootstrap"

@Vladimir_Alexsandrovich_I Жыл бұрын

очень похоже на табличную верстку, все возвращается?

@user-bo9ms7zn2p Жыл бұрын

давайте разберем все свойства)

@alex_dudukalo Жыл бұрын

Будем делать ))

@user-mo4jd9sq4h 2 ай бұрын

Можете сделать видео по верстке шаблону интернет магазина Grid сетки

@user-kb3or6mc1i Жыл бұрын

Бро запиши роклик, что из JS надо знать начинающему верстальщику

@alex_dudukalo Жыл бұрын

Спасибо :) Да, думаю скоро сделаю такой ролик)) Спасибо за предложение

@front_praxis 7 ай бұрын

Для верстальщика в js это работа с дом деревом.

@Youmakes 6 ай бұрын

😀

@alex_dudukalo 6 ай бұрын

🤗

@sergeykhmelnitsky5307 3 ай бұрын

🤓🤓🤓

@baytszy 8 ай бұрын

у меня почему то картинки в сетке уменьшаются сильно....не могу понять почему

@alex_dudukalo 8 ай бұрын

Здравствуйте, прошу прощения за долгий ответ. Возможно у изображений не указан размер. Здесь без кода сложно дать ответ :(

@user-lm9ee1gn5p Жыл бұрын

У вас еще канале не работает колокольчик 😢 жму на него выдает ошибку, а на других каналах все нормально

@alex_dudukalo Жыл бұрын

Спасибо за сообщение. Все пытаюсь разобраться, никак не могу понять в чем причина. Кажется раньше все работало хорошо (( Попытаюсь разобраться)

@Have476 6 ай бұрын

Мало того что в сеткахъ было не понятно так тебеперь еще в яйцах надо разбираться..

@kr_angel8965 7 ай бұрын

Очень классное и понятное видео👍 спасибо

@alex_dudukalo 7 ай бұрын

Спасибо за обратную связь 😊 надеюсь и другие видео на канале будут вам полезны))