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

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

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

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

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

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

Вадиме, велике дякую!) Гарна і доступна подача, таких мало.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

🎯 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

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

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

Дякую друже)

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

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

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

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

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

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

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

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

Жирный лайк 👍

лайк не глядя

Обожаю ❤

лучший🔥🔥🔥

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

Бомба👍!

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

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

Спасибо 🎉

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

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

Спасибо чувак. Гриды довольно сложная тема. Ты многое обьясннил

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

Ти молодчина!!!