My Survey Form - Please review

Code Feedback
1

Just Finished with my survey form please review https://codepen.io/Mculo/full/ExxWBoB

2

It looks great! The text looks a little fuzzy on the main section of the survey on my screen. I love the marbled background and the dark grey main content. I put some box-shadows in there, tell me what you think! https://codepen.io/jon-mater/full/qBBmMqa

1 Like
3

I just realized the text-area doesn’t resize responsively. You can set that in css as well.

1 Like
4

Hey, good job. However as mentioned already, the site , particularly text input area isn’t responsive for mobile phones. I’d suggest making it a percentage of it’s parent div. Also speaking of your ‘main-container’, maybe you could make it larger for mobile screens? I think it could make it more readable. Hope that helps.

2 Likes
5

Thanks Hey it looks even good with the box=shadow

1 Like
6

Thanks for bringing that to my attention,I saw it I was thinking of adding a media querie but the percentage does the work even simpler.

1 Like
7

Yeah percentages are great for responsiveness as well as ease of use and comprehension. Also it is helpful to use *{box-sizing:border-box;} when building your page because… border-box tells the browser to account for any border and padding in the values you specify for an element’s width and height. If you set an element’s width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width.----MDN…I think I read somewhere in codepen’s instructions it may cause problems rendering the page in their developer’s program, however I keep using it and have had no problems at all. I rely on it.

1 Like
8

Media queries really come in handy when your percentages make your full page view look too simplified, with media queries you can essentially redesign the whole page. What may look good on mobile may not look so good on a bigger screen. For these basic projects, for the time being I am not going to redesign for larger screens as I want to proceed farther into the curriculum. If I decide I want to use these projects in a portfolio I will definitely take the time to redesign for larger screens.

1 Like