Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Mobile First Web Design Tutorial

Adrian Twarog via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Explore mobile-first web design in this 27-minute tutorial. Learn to develop a website using a mobile-first strategy, creating a cool UI design inspired by Hachibur Rahman. Follow along as HTML and CSS are used to craft a mobile website design, starting with a baseline phone outline and utilizing flexbox to import elements from Figma. Gain insights into the development process for mobile-first web design, understanding its importance in an era where mobile web usage dominates. Discover how this approach differs from traditional desktop-first design and how it can be expanded to responsive design for larger screens. Download the provided Figma file to practice and enhance your skills in mobile-first web development.

Syllabus

Intro
Design Measurements
Export Design
Group Design
Header Design
Menu Design
Background
Padding
Main
Buttons
Height Width
Icons
Hospital
Hospital 2 3

Taught by

Adrian Twarog

Reviews

Start your review of Mobile First Web Design Tutorial

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.