Web Design with HTML and CSS Digital Classroom
by Jeremy Osborn, Jennifer Smith, AGI Creative Team

Lesson 11: Mobile Design
For the web designer, the World Wide Web is no longer just accessible through a desktop web browser. In this lesson, you will learn how to design for the small screen sizes and limited bandwidth capabilities of mobile devices.
What you’ll learn in this lesson:
• The challenges of designing for mobile devices
• Using CSS3 media queries
• Converting a fixed width layout to a single column layout
Starting up
You will work with several files from the web11lessons folder in this lesson. Make sure you have loaded the weblessons folder onto your hard-drive from www.digitalclassroombooks.com/webdesign. See “Loading lesson files” in the Starting Up section of this book.
![]() |
|
|
This lesson uses the TextWrangler text editor to create the markup text, but you can use any of the text ... |
