Introduction: Making a Website Responsive

In this unit, you will utilize responsive web design practices.

The goal of this unit is to utilize responsive web design practices. You will learn how to create websites that can be viewed on a variety of devices and use different layouts and positioning.

After this unit, you will be able to:

• Understand responsive web design

• Use CSS Grid and Flexbox for layout, positioning, and responsiveness

• Use media queries

You will put all of this knowledge into practice with an upcoming Challenge Project. You can complete the Challenge Project either in parallel with or after taking the prerequisite content—it’s up to you!

Learning is social. Whatever you’re working on, be sure to connect with the Codecademy community in the forums. Remember to check in with the community regularly, including for things like asking for code reviews on your project work and providing code reviews to others in the projects category, which can help to reinforce what you’ve learned.