Grid CSS Responsive Website Layout - "Mobile First" Design

Автор: Traversy Media

Загружено: 2017-11-10

Просмотров: 416597

Описание:

Add MailTag to your browser (it's free) ➜ https://goo.gl/qZf5Pj
Thank you MailTag for sponsoring this video

In this video we will build a "mobile first" single page website layout using the CSS Grid. We will use modern techniques including relative em units, media queries and even a little flex.

CODE: Codepen
https://codepen.io/bradtraversy/pen/R...

BECOME A PATRON: Show support & get perks!
  / traversymedia

ONE TIME DONATIONS:
http://www.paypal.me/traversymedia

VISIT MY WEBISTE: Check Out My Udemy Courses
http://www.traversymedia.com

FOLLOW TRAVERSY MEDIA:
  / traversymedia
  / traversymedia
  / traversymedia
  / discord

Grid CSS Responsive Website Layout - "Mobile First" Design

Доступные форматы для скачивания:

Скачать видео mp4

Информация по загрузке:

Скачать аудио mp3

Похожие видео

Full Screen Responsive Image Slider | No Libraries

Full Screen Responsive Image Slider | No Libraries

Build A Responsive HTML & CSS Template With FlexboxGrid

Build A Responsive HTML & CSS Template With FlexboxGrid

CSS Grid Layout Crash Course

CSS Grid Layout Crash Course

Учебник по React для начинающих

Учебник по React для начинающих

Microsoft Homepage Clone - CSS Grid, Flex & Media Queries

Microsoft Homepage Clone - CSS Grid, Flex & Media Queries

Sass and BEM for beginners

Sass and BEM for beginners

Responsive Landing Page Using HTML & CSS (A Little jQuery)

Responsive Landing Page Using HTML & CSS (A Little jQuery)

Build a Responsive Website | HTML, CSS Grid, Flexbox & More

Build a Responsive Website | HTML, CSS Grid, Flexbox & More

Интервью по проектированию системы Google: Design Spotify (с бывшим менеджером по маркетингу Google)

Интервью по проектированию системы Google: Design Spotify (с бывшим менеджером по маркетингу Google)

Учим HTML и CSS за 7 часов! Уроки по созданию сайтов Полный курс HTML и CSS с нуля до профессионала

Учим HTML и CSS за 7 часов! Уроки по созданию сайтов Полный курс HTML и CSS с нуля до профессионала

Музыка для работы за компьютером | Фоновая музыка для концентрации и продуктивности

Музыка для работы за компьютером | Фоновая музыка для концентрации и продуктивности

HTML Crash Course For Absolute Beginners

HTML Crash Course For Absolute Beginners

HTML - Полный Курс HTML Для Начинающих [3 ЧАСА]

HTML - Полный Курс HTML Для Начинающих [3 ЧАСА]

4 Hours Chopin for Studying, Concentration & Relaxation

4 Hours Chopin for Studying, Concentration & Relaxation

Понимание Active Directory и групповой политики

Понимание Active Directory и групповой политики

Build a Responsive Grid CSS Website Layout From Scratch

Build a Responsive Grid CSS Website Layout From Scratch

Professional Website From Scratch | HTML & CSS For Beginners

Professional Website From Scratch | HTML & CSS For Beginners

LLM и GPT - как работают большие языковые модели? Визуальное введение в трансформеры

LLM и GPT - как работают большие языковые модели? Визуальное введение в трансформеры

Build and Deploy a Fully Responsive Restaurant Website with Modern UI and UX in ReactJS

Build and Deploy a Fully Responsive Restaurant Website with Modern UI and UX in ReactJS

Kubernetes — Простым Языком на Понятном Примере

Kubernetes — Простым Языком на Понятном Примере