Here is my survey form https://codepen.io/NKaav/pen/JjJQbdV
Critique it and any suggestions to improve it would be helpful.
Have a nice day,
Thanks
Here is my survey form https://codepen.io/NKaav/pen/JjJQbdV
Critique it and any suggestions to improve it would be helpful.
Have a nice day,
Thanks
First off, good job on completing the project!
Here’s some feedback that I hope helps as you progress:
<br>
for creating visual space. Make use of CSS instead. Grouping content in a div
is very helpful with creating a neat layout.select
element has a name
attribute. The name
is how the data will be referenced once the form is submitted.input
is wrapped inside a label
, you can omit the for
attribute, as they’re associated by a child-parent relationship. id
should always be unique. Only the name
attribute should be the same here.value
attributes too. When the data is received it comes back as name = value
value
attribute. Your id
s should be unique, and you could omit the for
if you wanted to.name
attribute needs to be the same on all checkbox inputs to signify their relationship.(I’m no expert)
background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255,255, 255, 0.3)),
url("https://images.unsplash.com/photo-1533035353720-f1c6a75cd8ab?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80")
no-repeat center fixed;
<br>
s you’ll need to use margin and/or padding to create spacing between your inputs. When spacing out your form (or doing any layout, really), try to be as consistent as possible.There’s a lot there. Don’t feel like you need to absolutely remember all of it; it’s enough to be aware, it’s all on Google.
Happy coding!
Hello Kay,
I have these two comments:
<textarea rows="4" cols="50" type="text" id="comments" name="comments">Enter your comments here.....
</textarea>
Thanks for the inputs.
just to indicate Number of courses completed.
I should have described it as Number of courses completed :
Thanks @matthewrawlin2592434 and @kris0000000000196074 for the inputs, I’ve made changes to my survey form https://codepen.io/NKaav/pen/qBXLKJW
I have trouble with placing last 3 items properly any help would be appreciated
Any advise on styling would be appreciated too.
Hello Kay, you can simply type a space before those three word.
Great job! I especially like the font choice. My only suggestion (and this is likely just my personal preference) is to make the font and the form a tad bigger.
I did this for all my checkboxes. It might help your situation:
input[type="checkbox"] {
margin-right: .5rem;
min-height: 1.25rem;
min-width: 1.25rem;
}
I’m trying to make a nav bar with logo on left and Home, products and contacts on right. I’m having trouble placing the (Home, products and contacts) on right. I’ve used flexbox but how to move (Home, products and contacts) to the right?
Put the logo in one div, and the links in another. Put both in the navbar.
Add display flex to the navbar, and use margin-left:auto on the div with the links. It should put them over to the right side.