Scroll up or hover over the breadcrumbs to view the navigation bar

Responsive Design

Responsive design is creating websites that respond to the user's context, whether that is the device they are viewing on, the size of their browser, or their accessibility needs. Lucky for you, there are lots of good tools that help you easily start making websites responsive. It's not rocket science to do a pretty good job at a responsive site, though it's a lot more work to get one that really nails it.

Points to Ponder

  • What is responsive design?
  • Why is responsive design important to your users?
  • How do you make a "fluid" layout?
  • What are Media Queries?
  • How do you use media queries to make your website responsive?

Your Assignment

  1. Read A List Apart's comprehensive introduction to responsive design
  2. Read over the Responsive Web Tutorial from Lingulo, though you don't have to build it.

Additional Resources

This section contains helpful links to other content. It isn't required, so consider it supplemental for if you need to dive deeper into something

From the creators of The Odin Project...

The Viking Code School
Viking ad 180x150