Problem when open in smaller size screen

1

Hi, I’ve made my own survey form project: https://codepen.io/amandajehan/pen/NEYezO?editors=1100

I see a margin/padding on the right of the screen when open the project on smaller size screen.
Anyone know how to remove this? I’ve tried to make the media query property of h1, body, html etc, into margin: 0px; but nothing changed :frowning:

2

you can try adding the following at the top of your code underneath

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

just add the folowing line

<meta name="viewport" content="width=device-width, initial-scale=1.0">

not sure that its going to work but should display better