Добавим 200..300 - слишком довольные трактористы😂😂 После таких приколов и простых объяснений я подписался)

Когда меня спрашивают кто ты, я гордо отвечаю: подписчик Вадоса 😂👍

Присоединяюсь ко всем, кто рад тебе, Вадим!

"... Не гайд, а ГАЙДИЩЕ". Просто без слов лайк, подписка, колокольчик

Вадим, спасибо тебе за твой труд! Тебя приятно смотреть и слушать, как-будто общаешься со старым другом🙂

14:50 - Пока ты не сказал про темные квадратики, то я бы и не начал видеть их Гайд в принципе понятный, мне понравилось

Лучшие видеоуроки о верстке!

Вадим, cамый лучший учитель по верстке)

Вадос прям разошёлся в последние две недели. И это не может не радовать.

Дякую! Це вже друге відео дивлюсь, подача 🔥 швидко, просто, зрозуміло. У вас талант викладання!

Привет Вадос, залетаю на гриды, хоть их и знаю, но с тобой освежу, не могу пропустить такую вечеринку!!!

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

Ще не дивився, але лайк однозначно!

завжди тебе дивлюсь за подачу. Гайдище, ракета взлетает

Спасибо за видео, очень полезно. Давно ждал понятного и подробного видео по гридам. Даже у Вадима обои, на заднем фоне со свойством grid)))

объяснение получше чем на платных курсах 👍👍👍

Добрый вечер.... Как же хорошо слушать твои шуточки и понимать о чём идёт речь. Спасибо 😃

Вадим приветствую. Рад что у тебя и у твоей драгоценной семьи все хорошо (относительно), и вы живы. Вадим, я не помню делал ли ты урок про то как пользоваться git. Если есть такой урок, скинь пожалуйста ссылку. Если нет. Запиши его пожалуйста. Я думаю что большая часть аудитории, меня поддержит насчет записи по git. Так как сейчас без этих знаний точно не куда. А у тебя подача информации, замечательная.

Красота 🎉 Спасибо за труд

весьма аутентичный способ подачи информации, но всё понятно)

Ьезумно рад быть подписчиком твоего канала, Вадим! Такое количество пользы, отличного юмора и хорошего настроения как у тебя не найти во всех интернетах мира!

Круто, топовый контент подъехал!

Хорошо изложенный материал! Доступно . Спасибо

Спасибо за уроки. Все очень понятно, доступно.

Спасибо, очень понятно и наглядно, приятно смотреть

Спасибо большое за очень доступное разъяснение ❤

Топчик! С твоей подачей приятно смотреть. И с гридами познакомился и на стендап сходил 👍

Очень круто, подробно и понятно. Спасибо.

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

зачётная инструкция!!!! Спасибо Вадим!

Вадим, прекрасная подача информации! Очень доходчиво, а в комплексе с Вашим чувством юмора ещё и не утомительно! Спасибо и успехов!

Большое спасибо за видео, Вадим) гайд вышел топовый, наконец-то разобрался с гридами 🔥🔥

Клевое видео. Все лаконично без воды

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

Просто отлично! Спасибо огромное.

Вступление огонь :,D Аж заинтриговал!

Как всегда шикарный вышел видос. Не канал, а находка... Спасибо огромное за проделанную работу! Ты очень сильный человек, который продолжает трудиться и быть собой даже в тяжелые и несправедливые времена. Желаю безопасности, мира и спокойствия 🙏

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

Бро, обожаюс мотреть твои видосики! ты на позитивчике рассказываешь, благодарю.

Очень очень прям! Ваще! 🔥 Спасибо

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

Вадим, спасибо! Очень мощно разжевал, даже я понял.😁💯👍

Чувак, твой канал это просто клад для тех, кто хочет научиться верстке!!! Спасибо за видосы!

Вадим! Спасибо тебе за новые знания. Каждый твой урок приближает к свободе от границ.

Как всегда Лайк и личный респект за отличный контент! После такого крутого гайда по Gridам, ты просто обязан записать видос с версткой макета на них! А то крутые "пацаны" не простят)))

Все понятно. Всё очень понятно

можешь для закрепления снять видос по гридам в формате приближенном к реальности? например какие-то кусочки из макетов где нужно юзать гриды взять, и сверстать, штуки 3-4 примера реальных чтоб было, возможно так лучше инфа зайдёт. видос минут на 25-30 был бы

отличный гайд! спасибо за труды

Ура, ремейк грида 😍

Спасибо, очень информативно!!

спасибо очень познавательно

супер вечеринка, спасибо вам огромное, восполнил массу пробелов в гриде

ЭТО БЫЛО ШИКАРНО!

Как раз изучил грид, сейчас систематизирую)

Спасибо Вадим, по твоему видосу, сделал первую вменяемую сетку на сайте!

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

Спасибо за крутое руководство!

Дякую друже)

супер понятно и наглядно , спасибо!

Конечно много запинок , но видео доступное все понятно и ясно ! спасибо вам , продолжайте снимать видео у вас получиться , еще раз спасибо

Вадос спасибо тебе, на конец то я разобрался с этими гридами. 👍

Самый хороший вебинар от самого хорошего ментора

Спасибо 🎉

МЕГА РЕСПЕКТ ТЕБЕ!!!

Спасибо! просто и понятно! удачи!

большое спасибо, очень полезный контент!

Баладаш, Маланорэ, как говорят мои друзья эльфы крови Сейчас будем учиться у бати как надо делать гриды Успехов всем!

Ураааа я научился пользоваться гридом 🎉🎉🎉🎉

очень удобная тема с неявными координатами в гридах. Кто разбирается в питоне тут можно приводить аналогию со срезами и списками. Там тоже последний элемент вызывается таким же образом, например lst[-1] если нужно вызвать последний элемент из списка и соответственно lst[-2] если предпоследний а если нужно определенный диапазон как в случае с расширением таблицы по диапазонам то используется такая конструкция: string[0:-10]

Классный канал, подписка лайк, только хочу подметить нюанс, обрезайте видео в местах где меньше упора на материал, например когда пробегаетесь "за кулисами" по плану видео ну и в смежных этому моментах, и ещё временные метки выставлять постарайтесь, и тогда будет лучше, канал своего рода альманах к которому можно неоднократно возвращатся (только главное временные метки)

Топ!😊

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

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

Твои видео дарят счастье!

круто Вадос, подчерпнул про отрицательные значения grid-column. не хватает только еще бомбезной вещи auto-fit и auto-fill

Огромное спасибо!

Как раз практикуюсь и делаю лендинг, а там нужно на гридах сделать сетку. Не знал как сделать, хотел туториал искать, а тут Вадос с видосиком подкатил. Спасибо за работу. Завтра курс, а значит будет ещё круче. 💪

комент для продвижения, нужная тема 👍👍👍

я искала это видео всю жизнь

всё шикарно спасибо за прекрасный урок ценюююююююююю

лучший🔥🔥🔥

классный, а главное подробный урок. Спасибо за труд

Обожаю ❤

Отличный гайд!

спасибо большое, ждем js!

Круто. Спасибо. Можно еще добавить Grid repit(auto-fit, minmax(300px,auto))

Потом освежу в голове, спасибо

Вадос, спасибо за контент!! Объясняешь просто как.. Джейсон Момоа) Здоровья тебе и твоим близким!

Бомба👍!

🎯 Key Takeaways for quick navigation: 00:00 🚀 Introduction to CSS Grid tutorial. 00:27 🧱 Setting up the example structure with HTML and CSS. 02:08 🎨 Styling items using CSS properties like padding, font, and color. 03:29 🎩 Introducing CSS Grid with `display: grid` and creating columns. 04:27 📊 Defining grid template columns using `grid-template-columns`. 05:11 📏 Understanding column sizing with pixel values and percentages. 06:04 🔄 Exploring the `auto` keyword for column sizing. 06:36 📏 Understanding column sizing behavior with `auto` and `fr` units. 07:30 📊 Clarification on the behavior of the `auto` and `fr` units in CSS Grid. 08:10 🔄 Using the `repeat` function for grid template columns. 09:41 📐 Utilizing the `fr` (fraction) unit for equal column distribution. 10:31 📏 Defining grid template rows with sizing units like `px` and `fr`. 11:26 📏 Handling dynamic content height within grid rows. 12:47 🧩 Recognizing explicit and implicit grid rows in CSS Grid. 13:14 📏 Using the `gap` property to define spacing between grid items. 14:33 🕶️ Understanding visual illusions and managing spacing with `gap`. 15:27 📏 Setting gap values using `gap` property for rows and columns. 16:41 ⚙️ Controlling grid items' placement using the `grid-row-start` property. 17:27 ⚖️ Adjusting grid items to span multiple rows using `grid-row-start` with `span`. 17:51 📐 Utilizing `span` to expand grid items across rows. 18:33 📐 Understanding the significance of `span` in grid layout. 18:47 🧭 Navigating grid lines and axes in grid layout. 19:28 📐 Understanding grid lines for layout positioning. 20:43 📏 Manipulating grid items using grid lines and coordinates. 21:27 🧭 Using `grid-column-start` and `grid-row-start` to control grid item placement. 22:53 📏 Utilizing grid line indices to define grid item spans. 24:03 📐 Applying `grid-column-start` and `grid-column-end` for grid item placement. 25:08 🔗 Learning to efficiently use grid lines and indices for layout control. 26:14 📐 Using negative grid line indices for precise placement. 26:53 📏 Understanding and utilizing implicit grid lines. 28:05 🔗 Applying named grid lines for easier layout control. 29:14 📏 Utilizing explicit grid lines with defined names. 31:02 📐 Simplifying grid line placement using named lines. 31:47 🛠️ Practical application of named grid lines in web development. 32:14 📐 Using named grid lines for better coordination and readability in layout. 32:53 📏 Utilizing grid template areas to define layout sections. 33:17 🖋️ Naming grid template areas for logical and organized structure. 34:14 📐 Creating a grid layout using `grid-template-areas`. 34:53 🛠️ Designing grid cells with borders for visualization. 36:02 📐 Defining layout areas using `grid-template-areas`. 36:39 📏 Dividing the layout into grid template areas for structured design. 39:09 🧩 Using grid areas for clear communication and collaboration in larger projects. 39:50 📐 Balancing various methods of grid layout definition: by coordinates, named lines, or template areas. 40:06 🔀 Prioritizing code clarity and readability for future collaborators. 40:34 📏 Employing grid template rows and columns for layout control. 42:06 📐 Managing empty grid cells for precise layout control. 42:46 📏 Choosing between explicit (numeric) and implicit (named) grid lines based on design needs. 44:11 📐 Understanding the distinction between explicit and implicit grid columns and rows. 45:32 📏 Using `grid-template-rows` and `grid-template-columns` to set explicit row and column sizes. 46:13 📐 Managing grid cell sizes with `grid-auto-rows` and `grid-auto-columns`. 47:09 🔢 Utilizing a shorthand syntax for repetitive column or row sizes using `repeat`. 47:41 🔀 Understanding how new grid items are added and repeated using `grid-auto-flow`. 48:14 🔄 Switching between implicit (auto-generated) grid rows and columns using `grid-auto-flow`. 49:11 📏 Defining default row and column sizes for newly added grid items using `grid-auto-rows` and `grid-auto-columns`. 50:46 💼 Promoting the Google Chrome sponsor and offering an advanced web development course. 53:03 🔲 Understanding grid items' positioning and handling empty grid cells. 53:55 ⬜ Using `grid-row` and `grid-column` to position items within specific grid lines. 54:53 🕺 Applying `grid-auto-flow: column;` to fill cells in column order. 55:19 🕺 Using `grid-auto-flow: row dense;` for compact cell filling using Masonry-style layout. 56:14 📏 Employing `grid-template-columns` and `grid-template-rows` for explicit grid layout. 56:43 📐 Using `minmax` function to set a range of column or row sizes. 58:04 📐 Using `minmax` for responsive grid item sizing. 59:00 🔲 Applying `justify-content` and `align-content` to center content within grid cells. 01:00:09 🏢 Centering content within grid cells using `justify-content` and `align-content`. 01:00:47 🏢 Applying `justify-self` and `align-self` to target specific grid items. 01:01:41 🏢 Using `justify-self` and `align-self` with `start`, `end`, and `center` values. 01:02:12 🏢 Customizing alignment for specific grid cells using `justify-self` and `align-self`. 01:03:00 🏢 Employing `justify-items` and `align-items` to align all grid items at once. 01:03:15 🏢 Practice applying grid properties to real-world projects for hands-on learning. 01:04:12 🏢 Exploring grid shorthand properties like `grid-template` and `gap`. 01:04:40 🏢 Understanding that while shorthand properties can be convenient, overusing them may impact code readability. 01:05:08 🏢 Using shorthand properties to define rows and columns using `grid-template`. 01:05:21 🏢 Utilizing shorthand properties like `place-content` and `place-items` to align and justify content. 01:06:07 🏢 Applying `place-self` to align and justify individual grid items. 01:07:05 💡 The `grid` shorthand property allows combining multiple grid properties together for concise syntax. 01:07:30 💡 The `grid` shorthand property can include values like `grid-template`, `grid-auto-columns`, and `grid-auto-flow` to create complex grid layouts. 01:08:00 💡 It's important to avoid overly compacting grid properties using the shorthand, as it can lead to reduced code readability and maintainability. 01:08:16 💡 Consider the future developers who will work with your code, prioritize clarity and readability for their benefit. Made with HARPA AI

топ контент 😈

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

Дуже крутий гайд!))) Дякую! Під час відео поставив лайк, а в кінці захотілось ще один поставить)))

Респект + лайк

это бомба!!!!!!!!!!!!Спасибо!!!!!!!

Офигенный урок, просмотрел с удовольствием, огромное спасибо.

Жирный лайк 👍

Как всегда ТОП!!!. Можешь еще сделать такой подробный гайд по флексах, а также как применять одновременно Grid + Flex для проекта.

Це найкращє відео про Grid. Дякую друже

Спасибо!