Kindly have a look at my final copy of survey form and critique it. Your views will be highy appreciated https://codepen.io/emilynyaruri/pen/pooQgwa
1 Like
Well it looks:
- First thng the textarea not empty space chars in it.
- I think better to be the width is 100% for inputs.
- Not center the placeholder text just be in left.
Other thing is fine congrats!
thank you for that amazing feedback. I will correct the mistakes
Hi @emilynyaruri, your form looks good. There are a few things you may want to revisit.
- codepen only expects the code you’d put within the
<body> </body>tags in HTML. (No need to include the body tags). For anything you want to add to<head>click on the ‘Settings’ button and add it into the ‘Stuff for <head>’ box.- The link to your font would go in the box labeled ‘Stuff for <head>’
- I mention this for a couple of reasons. The
metaelements belong between<head> </head>tags which you don’t need to include. The second meta element you have should go in the ‘Stuff for <head>’ as mentioned but the way you have it now it also contains a small typo. Also, while you call the ‘Archivo Black’ font you don’t have a link to it so you’re getting the fallback sans-serif font.
- In your
#survey-formdeclaration you have a misspelling for ‘helvetica’ - codepen provides validators for HTML, CSS and JS. Click on the down arrow in the upper right of each section and then click on the respective ‘Analyze’ link.
- in HTML you have an invalid element. I believe you meant it to be an
idbecause you call it in CSS though it’s not used because it hasn’t been declared properly.
- in HTML you have an invalid element. I believe you meant it to be an
- try to not use the
<br>element to induce spacing. There are ways to group radio buttons and checkboxes. And to separate sections you can use margin and/or padding in CSS. - change the cursor to a pointer when hovering over the Submit button
2 Likes
Thank you for the critique, I am actually going to work on the issues highlighted. Thanks once again Roma
1 Like