Forgot username/password? Don't have an account?
Login with Facebook
Home » Courses » Moving into Responsive Design » Creating responsive designs with size ranges
Subscribe for updates.
* New to us? log in with Facebook and get a free day pass

Creating responsive designs with size ranges

In the last lesson we created a web page that was fully optimized for a specific device. With 100's of different resolutions and settings it would be impossible for us to create a specific design for every single device on earth. In a real world scenario we would usually use what we learned in the last lesson to tweak and improve our design for specific devices.

For us to design a design that don't target one specific device or resolution we need to be able to define ranges of acceptable parameters. By defining ranges we open the door to responsive designs and enable our design to look great in the ranges that we wish to manage. In this lesson, we will learn how to create a responsive design that would modify dynamically as the users change the way they interact with it. By the end of this lesson, you will know how to work with the min/max prefixes to create responsive designs.


  • What are responsive designs
  • How to create responsive designs
  • Working with min/max prefixes


media queries, HTML4, CSS2.1, width, height, minprefix, max prefix

Got A Question?

'I love being Prime'

Have a question but don't want to ask it publicly? If you are a prime member just ask right here and we will get back to you within 48 hours. Not prime yet? no worries you can ask publicly below.

Act now while we have available seating

Our on line school is private, affordable and interactive with trainer support.
Act now save your seat before someone else takes yours.
Act now