edit: project link here: https://codepen.io/rysboards/pen/KKgwxLG
I thought I’d start building the html and then move to CSS after to style the sheet but I can’t pass two of the User Stories #10 (#name-label is not defined : expected null to not equal null
AssertionError: #name-label is not defined : expected null to not equal null)
#12 (Select should contain at least 2 selectable options : expected 0 to be at least 2
AssertionError: Select should contain at least 2 selectable options : expected 0 to be at least 2)
I think I have both of those covered but apparently not. Any help or general feedback is appreciated!
Welcome to the forum!
For No.12, you need to move the id=“dropdown” to the select tag and move this id=“favorite foods” to the label because you can’t have two ids in the same tag.
For no.10, the test isn’t passing because you are using a different style for the quotes.
It should be this
Also, do not use br tags to force line breaks. That is what css is for.
Hope that helps
Awesome! Thank you so much that worked!
I thought I wasn’t supposed to use
in html but I saw it here while I was trying to figure this project out: https://www.w3docs.com/learn-html/html-label-tag.html
I’ll use CSS though : )
Ugh, this made me hungry! I just wanted to say I really liked the border you managed to create around your radio and checkbox questions. Not sure how you did it, but it stands out
Thanks! I own a food truck (trying to cross over into programming or software development) so food is always on my mind…
I used the fieldset html tag to create those borders
I couldn’t figure out how to do it without using the br tag or p tag. I kept it br for now but I tried to insert a single column in CSS and didn’t have success with that. I searched for the answer but I didn’t turn anything up that made sense. Any hints??
You can create a class for the checkbox labels and in you css you can set it to
display:block; . If you want more space than you can adjust the margins