Responsive design is the practice of building a website suitable to work on every device and every screen size, no matter how large or small, mobile or desktop. Responsive web design can be broken down into three main components, which include flexible layouts, media queries, and flexible media.
Responsive Web Design
In this course, you will learn how to use:
- Flexible layouts
- Media queries
- Flexible media
Before you begin, two items must be downloaded. Atom is a free, open-source text editor that will allow you to practice coding while showing a live page preview as you work. Atom can be downloaded from https://atom.io/, and installed directly to your computer.
Also, download the course’s Exercise Files to a convenient location. They will be referenced throughout the course and are a key part of your learning experience. Note: You must open the Exercise Files in the Atom app. In Atom, press on the File tab and scroll down to Open File, then choose the Exercise File you want to complete.
If you have access to a different coding program, or would prefer to use a simple text editor for practice, feel free to do so.