How to make survey page responsive

Could you help me with the survey page project. I’ve met the requirements, but I’m trying to make the page with Grid to be responsive. I add
#main {
background: #dee;
display: grid;
grid-template-columns: auto;
grid-row: 20% auto;
margin: 10px 10px;
border-radius: 5px;
}
One column for the header and another for the form. I did the same for the tribute page and that was enough to make it responsive, but not in this case. I have already tried to change several things, but it does not work out.

We really need a link to your project before we can help you.

Ok, there it is. https://codepen.io/rodrigocabrera19/pen/poEGGpb

I don’t use codepen so I don’t know the specific answer to your problem, but it appears you linked to a generic FCC template instead of your own project.

I don’t use codepen either, I just loaded it there to show you. I use visual studio, and it still doesn’t work.

You could have put it whereever you’re hosting your completed projects.

Looks as though you figured it out, the issue isn’t so much with the grid as the fact that you’ve hardcoded the textarea and that’s what’s not responsive.

Just a side note, don’t use the <br> element to force line breaks or spacing. That’s what CSS is for.

1 Like