Please review my survey form. Thanks :)

please review my survey form. thanks

HI @Izge !

I have edited the title of your post to remove the codepen link.
Descriptive titles get more responses on the forum. :slight_smile:


Your project looks good.
A few comments from me

I think the submit button should have a cursor pointer.

For your stylesheets,

<link rel="stylesheet" href="mine.css">

you typically want to choose a more standard name like styles.css.
Or if you have multiple stylesheets, you can choose a name that relates to that stylesheet like blog.css

When it comes to styling, I would avoid adding inline styles

style="font-size:18px ; text-indent: 2%"

You already have an external stylesheet, so it would be best to keep all of your styles in one place.
I would move all of your inline styles over to the separate css section.

Hope that helps!

1 Like

that’s greats. thanks very much for your recomendations

Your form looks great and scales really good, however I did notice you had allot of attributes that weren’t assigned values you can always catch things like this by passing you code through a validator here’s a link to one https://validator.w3.org/ click on validate by direct input and paste your code .
secondly, this more an aesthetic comment but you can try to indent your code a bit more, it makes it even easier to read something like this:

<label  for = "example">
    I am an Input Example
    <input type = "text" id = "example"  name = "example">
</label>

or

1 Like

thanks very much. i really appreciate

pls can you revisit it again and review the adjustments?

revisit and review the adjustments please

I think it looks a lot better.

I would suggest running your code through the css validator in codepen because it looks like you have a couple small errors.

You have a couple of places for repetition here

textarea {
  display: block;
  font-size: 18px;
  text-indent: 2%;
}
#dropdown {
  font-size: 18px;
  text-indent: 2%;
}

Using a class for the font-size and text-indent would be better