Survey Form: Little Farm

[ame1979]

Happy Thursday!
This is my first time posting, and I am very new to the coding world. I have looked through some earlier threads with feedback on the survey forms, and I’ve found the feedback so helpful. I am grateful for any feedback provided…what a great group!

Little Farm Survey

Thanks!

[adrianoenache]

Hello there @ame1979

The HTML validator is pointing this below as an issue.

The W3C Markup Validation Service

In the codePen you don’t need to add the “head” tag in the editor, to add things on the “head” you can go in the settings of the “Pen” look below.

There in the configuration, you can too added this meta tag

Take a look at this article.

Responsive Meta Tag | CSS-Tricks

I liked the colors yellow and black have good contrast. But I think #ffff99 still a very strong yellow, try to smooth a little more, perhaps #ffffcc.

There is the easiest way to do this

padding: 10px 10px 10px 10px;

If all sides as equal you can use this shorthand

padding: 10px;

With this top and bottom will have the value of 50px and the left and right will have the value of 10px.

padding: 50px 10px;

This top will have the value of 50px and the left and right will have the value of 10px and the bottom value will be 25px.

padding: 50px 10px 25px;

The article below has more info about others shorthands.

Shorthand properties - CSS: Cascading Style Sheets | MDN (mozilla.org)

I can see that you are not playing with media queries, by default, the HTML has this fluid behavior that is great to your layout fit true many devices and containers, let’s maintain that spirit.

[Roma]

Welcome to the forums @ame1979. Your form looks good. Some things to revisit;

• Run your HTML code through the W3C validator.
  • There are HTML syntax/coding errors you should be aware of and address.
  • Since copy/paste from codepen you can ignore the first warning and first error.
• Change the cursor to a pointer when hovering over the submit button

Some suggestions, you don’t have to incorporate them if you don’t want;

• maybe add some padding/margin to separate the textarea and the submit button
• maybe make the submit button look like a button rather than a bar