Skip to Content
Practical Web Design
book

Practical Web Design

by Philippe Hong
April 2018
Beginner content levelBeginner
368 pages
7h 37m
English
Packt Publishing
Content preview from Practical Web Design

Desktop first

Depending on the design process you started with, but in general, you would start with the desktop design, and lower down to mobile. If you started your design with a mobile-first process, you'll have to start on a mobile and then upgrade to the desktop. 

So, the initial CSS is for desktop, so what we have to consider now is what conditions we want to apply to the CSS. 

The devices we want to target are as follows:

  • Desktop (by default)
  • Tablet (viewport size fewer than or equal to 1,024px)
  • Large mobile  (viewport size fewer than or equal to 768px)
  • Small mobile  (viewport size fewer than or equal to 400px)

This is an example of how you can separate the different breakpoints. You can definitely change it according to your needs.  ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Web Design Playground

Web Design Playground

Paul McFedries
Hello Web Design

Hello Web Design

Tracy Osborn
The Principles of Beautiful Web Design, 4th Edition

The Principles of Beautiful Web Design, 4th Edition

Jason Beaird, Alex Walker, James George

Publisher Resources

ISBN: 9781788395038Supplemental Content