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