CSS Grid: адаптивная верстка реального макета (CSS Grid Real Example)

1943 ratings | 78096 views


CSS Grid: адаптивная верстка реального макета (CSS Grid Real Example)

Полезно? Подпишись на канал: Создание интернет-магазина от А до Я: Создание новостного сайта от А до Я: Фриланс для начинающих: Результат, референсы и исходники урока: Всем привет, дорогие друзья! Сегодня мы на реальном примере сверстаем крутой адаптивный макет, используя технологию CSS Grid. В данном уроке мы не будем использовать никаких фреймворков для адаптивной верстки и в полной мере насладимся чистым CSS и новыми возможностями CSS Grid. В конце видео мы протестируем верстку на реальном мобильном устройстве :-) Группа Вконтакте: Реклама на канале:

Comments to the video: CSS Grid: адаптивная верстка реального макета (CSS Grid Real Example)

mexicana mama 3 months ago
40 минутка.будто скопировать и воткнуть сразу все слова?
Ksenya B 3 months ago
декоративная няшная хренотенька :D
MEC Production 3 months ago
Есть резон вывозить поле и оверлей одной картинкой ?
FeranDAq 3 months ago
Чтобы скинуть у всех :nth-child частей рассредотачивание по сетке довольно 3 строк таких: &:nth-child(n) grid-column: auto grid-row: auto
N K 4 months ago
Спасибо!
FUNNYDMAN 5 months ago
Спасибо за задание. А отчего используете px для размера шрифта?
WebDesign Master 5 months ago
Универсально.
Funkstrought 6 months ago
Полный респонсив!
Феликс Мандель 6 months ago
MTHFCKU - Маза фак ю)
Андрей Фролов 6 months ago
Круто
Alex!? You Do It? 6 months ago
будто вечно видео на высоте! благодарю создателю, все верно и понятно.
Ruslan Tsarenko 6 months ago
Если у нас бэкграунд рисунки ни в каком состоянии не смотрятся будто в импортированом виде, то отчего их сходу не ввозить с непрозрачностью и не придется прописывать никакие оверлэи?
Ant Barring 2 months ago
В случае натягивания вёрстки на тот же WP может быть будет нужно нужда в изменении картинок, тогда этот момент с оверлэями будет полезен.
Александр Плетнев 6 months ago
cool bull shit хахах
Иван Шеленговский 7 months ago
а отчего ты используешь sass, а не scss в sass ведь легче запутаться, в особенности, если будет непростая вложенность? А этак благодарю для тебя за то что делаешь.
Иван Шеленговский 7 months ago
благодарю
WebDesign Master 7 months ago
Видос:
WebDesign Master 7 months ago
Реализовано тут: Посмотрите, будто это изготовлено, может быть будет здорово.
Иван Шеленговский 7 months ago
одинешенек проблема, а будто настроить gulp что бы он собирал scss
WebDesign Master 7 months ago
Что-то не припомню, чтоб я запутывался в стилях ))
Джо 2022 7 months ago
Очень увлекательное правило в дизайне,лишь что выдумал. 😂
Артём Кузнецов 7 months ago
Спасибо за ваш труд!
Dmitriy Movchanyuk 7 months ago
.buttoncase необходимо было задать grid-column по дефолту не 1/5 а 1/-1 и не пришлось бы в media ничего поменять
Сергей Веремеенко 7 months ago
Все таки не интуитивно малость с этими grid-column. Почему не сделать свойство типа horizontal-expand: 2? А там они пускай сами поджимаются товарищ к другу.
Dima Surok 7 months ago
39:51 КАК?
Ushastyy Kot 7 months ago
Видел примеры когда Гриды употребляют совместно с Флексами Объясните в чём будет разность когда я буду использовать при вёрстке лишь Гриды или Гриды буду кооперировать с Флексами ? Какой вариант будет самым действенным ?
Кирилл Мищенко 8 months ago
это темный mac? либо хакинтош
WebDesign Master 8 months ago
Это обыденный мак, хром в режиме инкогнито.
Славик Краморенко 9 months ago
Прекрасная инфа. В российском сигменте, лучше не лицезрел рассказов понятнее чем этот
Дмитрий Зацепин 9 months ago
[13:40:12] gulp-notify: [Error running Gulp] app\sass\_fonts.sass Error: Invalid CSS after @font-face : expected 1 selector or at-rule, was font-family: 'Marme on line 1 of app/sass/_fonts.sass >> @font-face -------------^
Alexander Kovel 9 months ago
WebDesign Master в чем может быть неувязка? добавляю скрипт в common.js.Скрипт реализован на ES6 и Gulp бранится?!. На ES5 нормально
Zhorov Official 9 months ago
Лучший! Все максимально ясно и доходчиво)
Dias 9 months ago
А в bootstrap4 можно сделать такое размещение плитки?
Mila Li 9 months ago
Как сделать этак, чтоб в меню появилась New Terminel at Folder?
Антон Кирпиков 10 months ago
А что за переводчик в бразуере?
Виталий Кононенко 10 months ago
Добрый денек подскажите пригодный полифил для ie11
Дмитрий Санников 10 months ago
Приветствую. Возникла занимательная неувязка с оформлением кнопки.button-gray. Стиль не применяется, в инспекторе правила background-color: $gray не наблюдаю, Хотя компилятор ошибки не выдает, все будто бы правильно. Сверил собственный код и Ваш, все правильно. Копирую код из готового примера - работает.
Андрей Болконский 10 months ago
Помогите изволь. Верстаю макет с помощью css grid, там вообще обыденное меню справа, идут ссылки по горизонтали, я не могу это сделать. Раньше делал с помощью флоатов, сейчас не знаю будто их двинуть на право и позже еще поставить по горизонтали эти ссылки, помогите изволь.
Mr. Green 10 months ago
Очень увлекательное правило в дизайне! Только что выдумал. © WebDesign Master
MihailAbysmo 10 months ago
Класс! Спасибо за видео! CSS Grid попросту шик! :)
Владимир Полуэктов 10 months ago
Не то что круто! Просто великолепно! А отчего Вы не рекомендуете CSS Gred использовать в проектах? Может по прошествии времени (с середины 2017) сейчас это уже животрепещуще?
WebDesign Master 10 months ago
Вот потому: feat=css-grid
Samo Prod[Канал закрыт] 10 months ago
Здравствуйте , издавна смотрю ваши видео, поначалу желаю поблагодарить за таковой высококачественный контент. Канал весьма крут и достоен больших достижений. Есть одинешенек проблема. Вот я знаю bootstrap 3, использую лишь сетку. Знаю что уже вышла 4ая гипотиза данного фреймворка. Хочу уже перебегать на него, однако у меня колебание, что он быстро выйдет из, этак скажем, эталона HTML вёрстки. Есть ли резон перебегать на новейшую версию, либо всё таки выучиться флекс боксам либо того же метода что и показано в этом видео. И ещё проблема, если будет пора. Уже слышал немало один, что jQuery тоже устарел. Что посоветуете заместо него? Хочу начинать деятельность на веблансер. Но мне вечно будто, что я пишу не по эталонам. Если ответьте, буду примного признателен. Заранее благодарю!)
Samo Prod[Канал закрыт] 10 months ago
Спасибо огромное за ответы. А насчёт Bootstrap, что вы посоветуете? Продолжать строчить на нём либо необходимо всё таки отыскать другое решение для сотворения адаптивных веб-сайтов, ну-ка не считая будто самому написать целую адаптивную сетку.
WebDesign Master 10 months ago
Насчет jQuery - установите плагин для браузера Wappalyzer. Вы отыщите jQuery на 99-ти % интернет-веб-сайтов.
WebDesign Master 10 months ago
Еще не вышла 4-я гипотиза.
Геннадий Рев 11 months ago
Здравствуйте Алексей! Я Ваш давнешний фанат и подписчик. Пишу Вам 1-ый один, однако надеюсь не заключительный У меня вопросик, по адаптивности макета, поточнее по скорости перерисовки: Почему Вы создаете цельный файл media.sass (.scss), а не пишите медиа коды для каждого блока в отдельности (ведь Вы разделяете веб-сайт на блоки (секции)). Ведь при рендеринге браузер опишет веб-сайт, а когда дойдет до медиа - то выходит, он повторно (конкретно в этом проблема) опишет веб-сайт. И что самое нехорошее, он опишет и 1-ый экран, что видать гостю. Особенно это приметно на тех веб-сайтах, которые сделаны напротив, т.е. верстка описано для малеханьких экранах, а чрез медиа - для рабочий стол. Как Вы это прокомментируйте? И, что же лучше (для меня Ваше личное мировоззрение - авторитетно) сделать отдельный файл медиа либо все же строчить медиа для каждого блока в отдельности ? С почтением, Геннадий
Арина Спектор 11 months ago
Ребята, растолкуйте, изволь, приём с z-index хоть какому потомку для возникновения контента.
Эдуард Мартыненко 11 months ago
Сделай обозрение для творение верстки веб магазина, либо доски объявлений. Я думаю немало кому будет любопытно. Также уместно ли кооперировать css grid and flex box?
Deniqwe 11 months ago
дякую!
Оро 1 year ago
Кто-нибудь может приблизительно произнести, сколько лет будет трудиться еще Flexbox?
Ruslan R 1 year ago
Очень потрясающий видос, понятно и лакончино. Отдельное благодарю за функцию в конце видео)
Hamo Nazaryan 1 year ago
Спасибо за задание , будто вечно ваши уроки на высоте будто и ваши шуточки )) Вы супер !!!!
Velkyn 1 year ago
Очень принципиальный проблема. Когда работаю в файле sass, потом того будто написал &::before надавил enter, у меня перебежало на последующую строчку без таба. Так же и потом хоть какого селектора.grid к примеру, перебегает в новою строчку без табуляции. Но это не верно и трудиться не будет. Приходится повсевременно вручную табуляцию устанавливать для правильного синтаксиса. Хотя в HTML файле при нажатии enter табы ставятся автоматом. Что мне мастерить помогите. Уже и sassBeautify ставил ничего не помогает.
Yura Sachenko 1 year ago
- Распаковываем наш Emmet-заготовку. Сохраняем и у нас лицезреем, вышла вот такая вот - ложь xD Очень круто и здорово, благодарю Алексей! Как же очень подфартило очнутся в 2к17 и узнать идеальную на этот момент технологию в верстке, в особенности когда она уже поддерживается браузерами. Мм. Белиссимо)
Гвин Глейд 1 year ago
Cool Bull Shit xD
Yarik Dmytryk 1 year ago
Омгг, чувак, ты роскошен!!!)))
Andrey Lc 1 year ago
лойс, благодарю за труды
Orbita_Studios 1 year ago
Можешь по подробнее поведать про position а то не использую этак этак понятие не имею для чего
Артём Ильиных 1 year ago
Все попросту если снутри элемента будут размещаться другие элементы, то пишешь relative. Если хочешь что бы элемент был в каком то определенном месте самостоятельно от других, то пишешь absolute Если хочешь, что бы элемент был в каком то определенном месте в браузере(трудно разъяснить потести), то пишешь fixed.
Orbita_Studios 1 year ago
39:52 будто ты этак сделал что скопировал огромное количество слов подскажи
Никита Трофимов 1 year ago
Один момент по наименованию переменных в sass. а если, к примеру, заказчик решит поменять сероватый краска, на карий. Придется тогда поменять название переменной либо она будет неинформативной. лучше не именовать переменные цветовыми наименованиями
Іван Бабюк 1 year ago
Лайк совершенно точно! Одного не усвою, под клавишами делаешь бардюрчик чрез after, отчего бы это не сделать чрез border-bottom?
Сергей Вольфович 1 year ago
Алексей, чему Вы на данный момент больше итого отдаете предпочтение по сетке в собственных новых проектах ? Bootstrap либо CSS Grid ? И кушать ли резон её использовать уже на данный момент если даже некие версии браузеров её не поддерживают, к примеру IOS Safari 9.0 - 10.2. По последней мере этак гласит Сan i use.
Сергей Вольфович 1 year ago
Благодарю.
WebDesign Master 1 year ago
Конечно Bootstrap :) Это же для ознакомления видео. В конце 2018 года быстрее итого можно будет использовать.
Инжеватов Станислав 1 year ago
А как разработка grid поддерживается браузерами ? Стоит заколачивать на флексбоксы и обтекания флоутами либо еще спозаранку?
Andriy Samosval 1 year ago
Спонсор моего досуга! Спасибо!
Just want TF2 hats 1 year ago
Cool bull shit )
Сергей Минин 1 year ago
не сообразил, где материалы?
WebDesign Master 1 year ago
На страничке урока, ссылка в описании.
Павел Переведенцев 1 year ago
Доброго времени суток. Помогите разобраться с неувязкой gulp-notify: [Error running Gulp] app\sass\_media.sass Error: Invalid CSS after .width : 1200px) : expected , was ; on line 6 of app/sass/_media.sass >> @media only screen and (max-width : 1200px); /**/ стоят потом каждого запроса.
justGOD 1 year ago
Народ, может кто знает. Делаю guld build, и рисунки из гридов пропадают. А этак, когда запускаю попросту чрез gulp проек, всё работает будто нужно.
Лера Прокопенко 1 year ago
что это за иллюстратор?
WebDesign Master 1 year ago
Adobe XD.
Artem Shulga 1 year ago
Можно ли уже верстать по таковой технологии. И если я буду делать задания на фрилансе гридами, заместо бутстрапа будет ли это нормально? Или цсс грид имеет трудности с кроссбраузерностью?
WebDesign Master 1 year ago
Можно. С условием, что ваша верстка не попадёт на продакшен. Конечно имеет, разработка свежайшая. Посмотрите сопоставимость.
alternativeforest 1 year ago
какой редактор под виндовс сумеет этак же быстро подменять a.button на html сходу?
Kozna 9 months ago
sublime text либо brackets. + плагин Emmet
WebDesign Master 1 year ago
Любой с поддержкой Emmet. Погуглите.
Tymur Yunusov 1 year ago
Добрый денек, желаю произнести благодарю за Вашу работу, совершенно точно наилучший канал на ютуб в собственном роде! Давно желал справиться, не планируете ли Вы записать видео по Angular/React/Vue? Мне будто, многим было бы любопытно, т.к. инфы на российском во-первых весьма не достаточно, а во-вторых она или устаревшая, или не совершенно верная. На британском тоже лишь документация и официальный туториал простого интернет-приложения на их же веб-сайте. Или Вы не используете js фреймворки в собственной работе? Спасибо!
WebDesign Master 1 year ago
Добрый денек. Спасибо. Когда освободится груда свободного времени - запишу ))
Александр Парфинович 1 year ago
Помогите плиз, гляньте скрин, неувязка с адаптивкой (1:46:32). Голову ломаю уже несколько часов. Я попросту в шоке, будто как будто не изменяется grid-template-columns. И grid-column для nth-child тоже не изменяется при изменении размера экрана. Initial не работает, короче кошмар. Ссылка на скрин Ссылка на код
Николай Иванов 1 year ago
ну-ка будто не сообразил?)))) у тебя parent (.portfolio-item) и child(&:nth-child()) стояли товарищ под другом. а в sass синтаксисе надлежит сдвигаться, что показывает, что одинешенек принадлежит другому.
Александр Парфинович 1 year ago
Сделал с табами, всё заработало, загуглил синтаксис, пишут мастерить с табом, неувязка была с компиляцией непонятная. Сам не сообразил будто заработало.
Николай Иванов 1 year ago
Если внезапно еще не разобрался.Не знаю ,что там на 1:46:32, однако судя по скрину повиновение стоит неверное. Tабом подвинь вот этак .portfolio-item &:nth-child() &:nth-child() &:nth-child()
Дмитрий Л 1 year ago
7:29 что за плагины левее поиска в окне. Я этак понимаю открывает терминал в текущей папке и творение файла? Название изволь
Павел Бездорнов 1 year ago
Хотел справиться Вас, что Вы думаете о БЭМ? Использовали ли когда-нибудь, и будут ли уроки?
Raman Zhenalin 1 year ago
Отличный контент, благодарю. В сборках для медиа-запросов комфортно и понятнее использовать миксины для sass, к примеру эти --> Шаблон сотворения сетки на флексбоксах с помощью sass с мексинами для медиа-запросов, к примеру тут
Павел Бездорнов 1 year ago
Кстати, отчего на Мак перебежал, ты же вроде гласил, что для тебя винда больше нравится?
WebDesign Master 1 year ago
Работал в дороге, брал MacBook. Сейчас уже дома, последующие уроки - на винде.
Павел Бездорнов 1 year ago
Что за прога в какой Вы макет делали?
Kozna 9 months ago
Adobe XD
Let's Fun 1 year ago
Недавно натолкнулся на твой канал и это волшебство! Очень немало вынес нужных фишек. Назрел одинешенек проблема: сколько по времени ты предназначил интернет-разработке чтобы наработать таковой скил?
Елена Королева 1 year ago
По сопоставлению с видеоуроками на других каналах, мне весьма было любопытно!! Очень понятно растолковал все, благодарю) Хочется сейчас поглядеть другие твои видео!
Igor V 1 year ago
Хотелось бы svg для самых малеханьких ^_^
Елена Павлова 1 year ago
Большое благодарю за образец реальной верстки. Вопрос, какой появился: отчего бы не использовать для блока кнопок.buttoncase свойство grid-column: 1/-1; будто упоминалось в прошлом видео CSS Grid: Новый взор на адаптивную верстку веб-сайтов. Руководство? Тогда бы этот блок был вечно растянут на всю ширину сетки самостоятельно от количества колонок.
WebDesign Master 1 year ago
Да, это замечательное решение.
justGOD 1 year ago
Где твой миллион подписчиков ??? Вот на такое нужно расписываться однозначна. А не на всякий шлак. какой вас лишь деградирует.
Вадим Шорохов 1 year ago
весьма нередко при сохранении документов fonts.sass, vars.sass, base.sass, media.sass gulp выдает ошибку чтения файла: при этом, можно еще один сохранить тот же документ не внося конфигураций и промах не появляется, а приходится нажимать Ctrl+S один 10 попорядку, покамест заместо ошибки выдаст, что все нормально сохранилось. будто от этого освободиться?
Вадим Шорохов 1 year ago
отыскал такое решение, ошибки покамест закончили появляться: Решается попросту настройкой atomic save в sublime. По умолчанию в настройках стоит смысл atomic_save : false, меняешь на true и проблема решается один и навечно
WebDesign Master 1 year ago
Тогда трудно произнести. Я не встречался с таким.
Вадим Шорохов 1 year ago
саблайм на ssd-шном диске С
WebDesign Master 1 year ago
Поставьте ssd либо отключите опцию бережной работы с hdd (не помню точно заглавие, погуглите) в ST.
Вадим Шорохов 1 year ago
скажите, отчего при сохранении в саблайме, браузер не попросту обновляет содержимое, а перелистывает страничку приблизительно на середину предшествующего блока? любой один приходится скролить назад книзу, чтоб поглядеть на итог. на видео такового у создателя такового не наблюдаю.
Вадим Шорохов 1 year ago
в хроме все ок
WebDesign Master 1 year ago
В Firefox временами появляется такая неудача при работе с BrowserSync. Природа этого явления неясна. Попробуйте Chrome.
Вадим Шорохов 1 year ago
фаерфокс, заключительный
WebDesign Master 1 year ago
Какой браузер?
Вадим Шорохов 1 year ago
1:03:36 - создаем и оформляем форму 1:28:32 - делаем повышение рисунки при наведении 1:29:30 - оформляем секцию блога гридами 1:39:55 - начинаем адаптивить
Dastin Forest 1 year ago
круто бы по flexbox видео
Vilaribov 1 year ago
Спасибо Вам большущее за высококачественный и нужный контент!
Ismail Chalk 1 year ago
Не могу осознать в чем вина я все сделал будто положена и все равно у меня такая промах ncu : Имя ncu не распознано будто имя командлета, функции, файла сценария либо выполняемой программки. Проверьте правильн ость написания имени, а также присутствие и корректность пути, потом чего повторите попытку. строчка:1 символ:1 + ncu + ~~~ + CategoryInfo : ObjectNotFound: (ncu:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException
Ismail Chalk 1 year ago
Огромное благодарю все работает вроде будто ))) посодействовало ваше решение
Vladimir Ozerskiy 1 year ago
отчасти неувязка отважилась этак: в папке проекта поначалу нужно выполнить команду npm i -g npm-check-updates позже ncu (смайлика точно не будет, потому ncu -a) потом npm i Но поначалу пакеты установились будто то криво либо не стопроцентно, посодействовало удаление папки node modules и исполнение npm i от имени админа (у меня вин10) Вроде будто все начинает трудиться. Но создается еще файл package-lock.json, какой я не понимаю для чего. Это новенькая фича npm? Для чего он и на что оказывает влияние?
Vladimir Ozerskiy 1 year ago
таже промах и у меня, подскажите в чем может быть неувязка? если же в папке проекта выполнить не ncu, а команду npm i, то происходит последующее: npm notice created a lockfile as package-lock.json. You should commit  this file. npm WARN simple-gulp-start@1.0.0 No repository field.
Тёма Админ 1 year ago
Можно ли уже перебегать на такую верстку, либо покамест необходимо использовать бутстрап для кроссбраузерности?
Dastin Forest 1 year ago
Подскажите, что за программка для работы с макетом употребляется?
iqbeki 1 year ago
Adobe XD
Михаил Завалко 1 year ago
Лайк не смотря! 😀👍
Александр Волошин 1 year ago
Как именуется программка в которой вы нарезаете макеты?
Ismail Chalk 1 year ago
Здравствуйте. Помогите изволь. У меня не работает ncu выводит ошибку. Nodejs установлен.
Андрей Комаров 1 year ago
Подскажите, что за прога для просмотра макета?
Андрей Комаров 1 year ago
Спасибо!
WebDesign Master 1 year ago
Adobe XD :-)
Денис Авилов 1 year ago
Стоит ли обращать внимание на ошибки в консоли ?
Денис Авилов 1 year ago
В данном примере в консоли имеется 23 ошибки , а на неких веб-сайтах доходит до 1000 ошибок и все работает отлично, выходит кушать критичные и не критичные ошибки, если может быть сделать видео задание по разбору ошибок и по работе в консоли ( хотя бы в 2-ух словах - для ознакомления - в общем) буду при-немало-признателен.
WebDesign Master 1 year ago
Конечно.
Дима Крысенко 1 year ago
Есть большая мольба, если не тяжело, заливать исходники не на Яндекс диск, а на Google Диск. Не у всех кушать доступ к сервисам Яндекса. Спасибо за осознание.
Kozna 9 months ago
yandex браузер со интегрированным впн, сам пользуюсь
Kapitan Amerika 1 year ago
Я из Латвии. За Тор у нас спецслужбы берут сходу на карандаш. )) Так будто провайдеры сотрудничают с ними.
WebDesign Master 1 year ago
Но ведь кушать тор, какой обязан быть у каждого девелопера либо впн.
Иван Иванов 1 year ago
<p>Объясняешь тщательно!</p> <p>Надо все твои обучалки поглядеть. Сразу, огромное благодарю, от начинающего разработчика) </p> </like>
MemonY 7 months ago
тогда необходимо записать этак <хуйсоси/>
Illya Studio 8 months ago
вообщето он одинарный соси хуй)
CanCman 8 months ago
Даешь задание по web-components ))
Дмитрий Реута 10 months ago
Забыл открывющий тег <like>
Денис Авилов 1 year ago
Спасибо огромное за видео задание !!!!!!
DANYLO ZHYKOL 1 year ago
Адаптивно!
Дмитрий Ананьев 1 year ago
что за программа просмотра макета?
WebDesign Master 1 year ago
Adobe XD.
Kaisar Kuanysh 1 year ago
будто сделать что бы, к примеру, header.main-header.grid заменялся автоматом на <header class= main-header grid ></header> ?
WebDesign Master 1 year ago
Установите плагин Emmet в ваш редактор. На канале кушать видео по Emmet, поглядите его.
Anatoliy Kirzo 1 year ago
этак что выходит воспользоваться можно?
WebDesign Master 1 year ago
Не на продакшене. Так, пощупать. Рановато выводить на реальные проекты.
Артур Крец 1 year ago
бомба
Alex Mongoose 1 year ago
Алексей, когда пишешь длинноватые конструкции с помощью emmet, комфортно использовать ctrl+alt+enter (на windows)
Axel Virtus 5 months ago
Alex Mongoose ctrl+altf4 сходу все сверстает
Дима Крысенко 1 year ago
Огромное благодарю за видео. Все будто вечно на высоте. Отдельное благодарю за вставку в конце с мобильным телефоном. Не знал что этак может быть чрез gulp.
Vlad Babenko 1 year ago
Лайк совершенно точно! А видео верстки реального макета с внедрением bootstrap 4 будет?
Роман Гу 1 year ago
благодарю, выделил для себя достойные внимания моменты в видео
Волибор Беляев 1 year ago
Очень признателен за это видео. Не знаю, освещался ли этот проблема в видео (покамест не досмотрел): я этак полагаю, Bootstrap уже не нужен?
Сергей Трубкин 1 year ago
Не усвою отчего гриды еще 2 года не будут использовать, они на данный момент поддерживаются во всех браузерах начиная с IE11(для IE с префиксами), если проект не подразумевает поддержку ниже IE11, то можно храбро использовать? Или я чего-то не знаю?)
Валерий Сидоренко 1 year ago
бутстрап уже кучу времени не нужен , с возникновением флексов , с бутстрапом приходится кучу итого перестиливать в особенности если контент динамический
Волибор Беляев 1 year ago
Оу. Спасибо, а то я чуток было не поторопился забывать Bootstrap.
Роман Гу 1 year ago
А в чем просматривается макет веб-сайта?
WebDesign Master 1 year ago
Adobe XD.
Oleg Bespalko 1 year ago
Подскажите, изволь, что за тема саблайма :)
Oleg Bespalko 1 year ago
Огромное благодарю!)
WebDesign Master 1 year ago
One Dark Material Theme.