Только начал познавать вёрстку, случайно попал на твоё первое видео по саблайму и тут в рекомендациях это видео появилось, глянул. Так вот, ты шикарно объясняешь! Пошел смотреть другие видео!
@@vadymprokopchuk Спасибо. Можно вопрос. Не мог сверстать часть страницы и обратился к товарищу который тоже верстает, он порекомендовал пользоваться фреймворками аля бутстрап, но я пока чисто на html и css пишу руками. Стоит прислушаться или всё же начать с чистого листа?
Вместо 5 колонок и 6 строк достаточно создать 3 колонки и 4 строки. Для колонок задать grid-template-columns: 2fr 1fr 2fr, а для строк - grid-template-rows: 2fr 1fr 1fr 2fr. А стили для ячеек будут такие .item:nth-child(2), .item:nth-child(3), .item:nth-child(5) { grid-row: span 2; } .item:nth-child(2), .item:nth-child(6) { grid-column: span 2; }
блин как я раньше верстал без гридов, глаза чуть не выпали от удивления, изучаю уже 2 месяца feb-програмирование, и когда слышу о гридах это просто что то с чем то, ааааа спасибо автору за такое понятное и классное объяснение!
Очень полезные видео-уроки. Спасибо огромное!! Перед вашими видео всегда ставлю лайк наперед, так как знаю, что все будет качественно) Было бы круто, если сделаете верстку на гридах.
Небольшой стёб: 92% - оо, это не достаточно. Подождём. А сейчас сколько - 95% - оо, это не достаточно, подождём. А сейчас сколько? - 99,8% - оо, это не достаточно, будем верстать в таблицах! Ждём 100%.
С расположением самих блоков по гриду всё понятно. Но у меня возникают сложности с расположением содержимого в этих блоках. Почему-то контент определяет размеры блока, а не блок держит в себе контент, определяя его размеры.
Здравствуйте! Подскажите в чем может быть проблема? Все работает до момента как я написал .box{ display: grid; grid-template-columns: 300px 250px 300px; } Не произошло никакого перестроения в колонки. Уже проверил каждый символ в коде.
Здравствуй, я зашел к тебе на видео через день после изучения CCS grid на htmlacade** (сайт такой). Ты хорошо все рассказал, но я думаю, что ты мало объясняешь про свойства grid'ов.
Такое ощущение что Вадосик верстал сайтец на заказ, но потом подумал: «Хм, надо ролик записать», и ничего не закрывая так ролик и пишет П.с. Чекни панель задач
честно говоря, я так и не понял, в чем же преимущество гридов над другими методами. я учусь, сейчас практикую флексы и их хватает с головой, как по мне
Пишу из будущего, мы все еще ждем лендос на гридах))
хорошо, что напомнил) как все совпало... сегодня об этом думал
@@vadymprokopchuk А сегодня?
@@vadymprokopchuk а сегодня? :D
и все же)
@@vadymprokopchuk Вот сейчас самое время, я как раз начал учить гриды
Вау! Впечатлен, одно из лучших видио о гридах. Спасибо!
Круто, я рад что вам понравилось)
Спасибо за труд! Ждем полноценную верстку на гридах)
спасибо!
Только начал познавать вёрстку, случайно попал на твоё первое видео по саблайму и тут в рекомендациях это видео появилось, глянул. Так вот, ты шикарно объясняешь! Пошел смотреть другие видео!
Спасибо) успехов в изучении!
@@vadymprokopchuk Спасибо. Можно вопрос. Не мог сверстать часть страницы и обратился к товарищу который тоже верстает, он порекомендовал пользоваться фреймворками аля бутстрап, но я пока чисто на html и css пишу руками. Стоит прислушаться или всё же начать с чистого листа?
@@yizhak3092 момент очень тонкий) и нужно и нет) но в любом случае вам нужно научиться верстать на чистом html и css
Из бутстрапа, в основном нужна только сетка, но с появлением флексов надобность в ней сильно уменьшилась
Лучший канал о веб разработке :)
спасибо
В 2021 видосик заходит на ура!!!Спасибо как всегда на высоте!
Очень доступно обьяснили. Пригодится в работе.
Большое спасибо автору за подробный урок по Grid CSS
Вместо 5 колонок и 6 строк достаточно создать 3 колонки и 4 строки. Для колонок задать grid-template-columns: 2fr 1fr 2fr, а для строк - grid-template-rows: 2fr 1fr 1fr 2fr. А стили для ячеек будут такие
.item:nth-child(2),
.item:nth-child(3),
.item:nth-child(5) {
grid-row: span 2;
}
.item:nth-child(2),
.item:nth-child(6) {
grid-column: span 2;
}
Хорошо😊Дядя Вася доволен!
Спасибо за уроки 👍🏿
блин как я раньше верстал без гридов, глаза чуть не выпали от удивления, изучаю уже 2 месяца feb-програмирование, и когда слышу о гридах это просто что то с чем то, ааааа спасибо автору за такое понятное и классное объяснение!
Вадик, красавчик, класссссно обьясняет
Сколько же нового узнал за этот урок.. Просто огонь!
Очень интересно, лайк!) Ждем верстки по гридам))
Cпасибо за видео. С нетерпением жду от Вас видео верстки на гридах :)
Ждем видос на Grid!:)
Доходчиво и понятно. Спасибо за проделанную работу. Вёрстку лендинга на гридах в студию
спасибо за такой прекрасный урок, все как я хотел просто великолепно!
спасибо, очень интересно
Какой же ты красавчик! Я вчера весь день с ними долбался. Ща все понял) Спасибище)
всегда пожалуйста
Спасибо за науку, теперь сделаю страничку на гриде.
Мы всё ещё ждем макет на гридах) прошел год))))))) спасибо братишка )
Спасибо!Очень интересно!Реально хочется посмотреть вёрстку целого сайта на гридах!Ждём!
Супер Гайд! Спасибо!
Очень в тему! Спасибо, что держите в курсе новинок-тенденций! Однозначно лайк! =)
Видео - топ! Спасибо)
Спасибо
Вадим крутяк конечно но блин звук ... выкрутил на максимум колонки в ПК чтобы услышать твое повествование. Было бы круто обновить видос ☝
Спасибо, очень познавательное видео.
Очень полезные видео-уроки. Спасибо огромное!! Перед вашими видео всегда ставлю лайк наперед, так как знаю, что все будет качественно) Было бы круто, если сделаете верстку на гридах.
спасибо!
Спасибо, подписчики волеизъявляют, сайт на гридах хотим
Видос классный! Запили пожалуйста видос про то как сейчас делать "сложные" галереи, там где куча картинок разных размеров без grid.
спасибо за решение задачки посложнее))
Круто, спасибо
Круто бро)
Давай лендос верстрать)
Скоро будем, готовлю уже)
@@vadymprokopchuk Супер! Ждем =)
@@vadymprokopchuk так и готовится до сих пор?))
Очень хочу адаптивную верстку на гридах)
Мне очень все понравилось🤗
Жду новых уроков🤔
Отлично
Посмотрел викингов, поставил лайк там, ставлю лайк здесь, сообщаю что хочу сайт на гридах
спасибо!
+ Смотрел. Класс.
Отличное и грамотное видео, молодець.
Небольшой стёб: 92% - оо, это не достаточно. Подождём. А сейчас сколько - 95% - оо, это не достаточно, подождём. А сейчас сколько? - 99,8% - оо, это не достаточно, будем верстать в таблицах! Ждём 100%.
А как позиционировать элементы внутри грид контейнера?
очень удобно)
С расположением самих блоков по гриду всё понятно. Но у меня возникают сложности с расположением содержимого в этих блоках. Почему-то контент определяет размеры блока, а не блок держит в себе контент, определяя его размеры.
Давай лендец на гридах!)
лендос на гридах топ!
Я тут новенький, но давай на грибах и чтобы прям сложный был)
Можете подсказать как у вас браузер динамически обновляется?
@Дмитрий Самарин live server это что?
На дворе ноябрь 2023, caniuse показывает 97.8 процента поддержки гридов. Можно уже фигачить гридами?
Уже давно можно
Здравствуйте! Подскажите в чем может быть проблема? Все работает до момента как я написал .box{
display: grid;
grid-template-columns: 300px 250px 300px;
}
Не произошло никакого перестроения в колонки.
Уже проверил каждый символ в коде.
Привет
Я выучил HTML и CSS и надо ли учить bootstrap или сразу же flex
сразу flex
@@vadymprokopchuk Спасибо
И еще хотел спросить будут ли уроки по JS
Здравствуй, я зашел к тебе на видео через день после изучения CCS grid на htmlacade** (сайт такой). Ты хорошо все рассказал, но я думаю, что ты мало объясняешь про свойства grid'ов.
привет, спасибо, да, тут больше начальная часть, а так чтобы по полной понять надо бы макетик сверстать и записать видео
а верстка ещё будет?
Обязательно)
да, давай на гридах)
Отличное видео, но можешь решить вопрос со звуком, если смотреть на телефоне - не хватает громкости... Спасибо)
Спасибо за инфу, решу)
Объясни пожалуйста, что такое "nth-child". Конкретно интересно что значит это nth
Псевдокласс для добавления свойств определённым дочерним элементам
Будут ли уроки по вёрстке лэндинга на flexbox и grid??
На флексах есть лендинг, 7 часов видео, на грибах тоже будет, но пока точно не знаю когда
рассказываете про Grig, но у вас ошибка в CSS указано дисплей FLEX! А должен быть дисплей GRID раз вы про грид рассказываете
аслова типа "лупануть" оно надо? blyf[
необходимо, может не сработать, всякое бывает
Такое ощущение что Вадосик верстал сайтец на заказ, но потом подумал: «Хм, надо ролик записать», и ничего не закрывая так ролик и пишет
П.с. Чекни панель задач
честно говоря, я так и не понял, в чем же преимущество гридов над другими методами. я учусь, сейчас практикую флексы и их хватает с головой, как по мне
13:30
красава взго
Хочу верстку на гридах
От 0 до Адын
со звуком беда, тихо
а что с этим видео? 4 секунды норм, а после бесконечная загрузка. с телефона тоже самое. остальные видосы норм показывает.
да все норм, вроде
Где гриды🗿
grid-gap уже не работает. устарел. работает просто gap
плохо объяснил ничего не понятно
Спасибо