Overlapping Text/Inputs (https://codepen.io/abhinoor/pen/YzVNNbL)

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
After creating my survey form I noticed that when I decrease the size of the page everything inside the form element begins to collapse into itself both vertically and horizontally. What I mean by this is that the text/inputs get pushed down into other pieces of text/inputs and overlap or just pieces of text overlap each other when the page gets shrunk horizontally.

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.164 Safari/537.36

Challenge: Build a Survey Form

Link to the challenge:

2

Don’t hardcore the height of input( and its label ), dropdown, circles, favourite, changes and comments. What I meant to say is that don’t set the height of these elements bcz if u do then it’s not gonna change so it will become non-responsive to the browser’s height .

3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.