Assessment wanted for Styling basics 1 skill test

MDN
#1

please assess: https://codepen.io/zortron756/full/mdVMjLp

#2

Hi,
I forked your pen and added some comments and code for you. I hope it helps!
A Pen From Judith😃

1 Like
#3

Nice work here @church_craig, and thanks for the helpful input @jrohatiner — you’ve provided some useful tips and techniques.

This is a pretty free-form assessment, and there really isn’t a totally right or wrong answer here.

For the question about about making your labels and inputs line up nicely, I’d suggest using something a bit more modern in terms of layout techniques. Flexbox is ideal.

For the question about adding a reset, I was thinking of something like the one discussed in this section here: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Images_media_form_elements#Putting_it_all_together_into_a_reset

Although I appreciate that this is in a different learning module, and I should probably reference it more explcitly from the styling forms content in the forms module :wink:

You can see the CSS I used in our “official” answer here: https://github.com/mdn/learning-area/blob/master/html/forms/tasks/styling-basics/marking.md#task-1

1 Like