Before you use the inspector, make sure you have a
<meta> html tag in the
<head> that sets the initial scale to 1.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Next, if you couldn't see the GIF, open up your inspector. You should then see a button with a phone/computer icon on it. Click that and you are set to go.
Some beginner tips:
- Use Media Queries to make your website responsive
- Use CSS Flexbox & Grid to keep everything smooth, flexy and griddy
- Use percentages in CSS instead of pixels for managing bigger things. Things like Margin and Padding are usually done in pixels.
I hope this short post helped you.
Have fun and keep your websites responsive.