Designing your website using this approach allows the layout to transform and adjust specifically for the user’s screen. So, instead of having a website, a mobile site, a tablet site, you have one website that adjusts for all users.
The coding of the website will allow it to expand and reshape to the device being used to view it. Try this:
- Adjust the size of your browser window (grab the corner and drag the window smaller)
- Note how the layout, navigation and page elements will move to fit the display window
As you can see, the design adjusts smoothly no matter the screen size. This means that this design will work seamlessly on a desktop, tablet, or any type of smartphone.