Help with Survery Project, not sure why I'm failing 2 tests

edit: project link here: https://codepen.io/rysboards/pen/KKgwxLG
Hi y’all,

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)

AND

#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!

Thanks y’all!

Hi @Ryan77!

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.

for=”name”

It should be this
for="name"

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 :slight_smile:

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

1 Like

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