Survey Form Project#2 - The Ice Cream Shoppe

Project Feedback
#1

Hello, fellow campers,

I would really appreciate some feedback on my responsive Form. it is an order form to build your own Sundae from a fictional Ice shop. Here is the link: https://codepen.io/jaymill/full/VwmeOzM . Thanks in advance for your analysis and feedback.

#2

Hi there!

Your page looks good, well done!

Couple of things that you might want to revisit:

  • overlapping borders:
    nav

  • resizing elements when focusing inputs:

    focus
    focus1000×360 366 KB

  • placeholder text is getting cut off on small screens:
    placeholder

  • heading text is quite unreadable:
    not-visible

1 Like
#3

Thanks for the feedback. Gonna work on those things you highlighted

#4

Your form looks good @jahson8. Some things to revisit;

  • Run your HTML code through the W3C validator.
    • There are HTML coding errors you should be aware of and address.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
  • Codepen provides the boilerplate for you.
    • Click on the gear in the upper left of the CSS editor. In CSS Base you should have (could have) chosen Normalize. See more in codepen’s official documentation. It’s a good idea to familarize yourself with any IDE you use so you minimize the work you have to do to be productive.
  • Do not use the <br> element to force line breaks or spacing. That’s what CSS is for.
1 Like
#5

All suggested changes made @Roma . Thanks again!

1 Like
#6

Nice job @jahson8. Looks good.