Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML How to Make a Website Adding Pages to a Website Add and Style Icons

Chris Hall
seal-mask
.a{fill-rule:evenodd;}techdegree
Chris Hall
Full Stack JavaScript Techdegree Student 11,442 Points

[resolved] CC: Stage 7: Adding Pages to a Website. (Challenge 1 of 5) font-size issue

Task: Select the unordered list with the class contact-info and set the font size to 0.9em. Then, remove all margin, padding, and list styling.

Issue: I'm getting Bummer! Be sure to set the font size to 0.9em.

This is what I wrote..

.contact-info ul {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}

Hi Chris,

There's quite a few postings for this challenge where that selector was tried and I'm wondering if the wording does need to be changed.

The instructions are supposed to be describing html that looks like this: <ul class="contact-info">

So you could pass the challenge with .contact-info or ul.contact-info

When you read the instructions did you think the html was more like this?

<div class="contact-info">
  <ul>
  </ul>
</div>

The descendant selector you tried would work in this case.

Do you think you would have gotten the correct selector if the wording was more like "Select the unordered list that has the class contact-info..."?

Chris Hall
seal-mask
.a{fill-rule:evenodd;}techdegree
Chris Hall
Full Stack JavaScript Techdegree Student 11,442 Points

Hi Jason,

One of the issues I've been having so far has been with wording in code challenges. Mainly that most challenges start their statement with the word, select. Which means to choose the item, when no item is present in the editor to choose. The word, write would be a better word to use since that is what the challenge wants me to do.

In the case of this challenge the problem was two fold. The first being the wording, "Select the unordered list with the class contact-info," and the second being that we haven't seen that section of HTML in awhile. If the latter was shown in the code editor, or as some other form of reference. I would of never wrote it out how I did because I would of remembered the unordered list had the class. Instead of assuming the class was applied before hand. This is in part to bad habits I've formed over the years, so to be fair it's part my fault.

So in my head at the moment I thought the HTML was formed how you displayed it in your comment, and not as <ul class="contact-info">. Also because the challenge explicitly stated unordered list I thought it was something I needed to include. If the question was worded as, "Add the class contact-info into the CSS below. Then assign a font size of 0.9em, and include a margin, and padding of zero, and list styling of none." I would of wrote it how it wanted. If this is the best wording or not, I don't know.

A side note the challenge I'm on right now wants the answer of #id li {}, and is worded much the same. So perhaps having a reference, or maybe a tip of looking at your workspace would resolve some of these issues.

To your suggestion of writing down ul.contact-info we haven't got that advance with selectors yet. However I wonder if the check would of taken it since it kicked back that the font size setting was the issue. Although it wasn't.

To your wording suggestion my answer is no. Like I said before I've felt like a lot of these questions have been badly worded by using the term select to begin with. But at this moment of my response I'm starting to think part of the issue is the missing reference to what was done two or five sections before hand. On top of the wording, which feels to be more set in the Western dialect than Midland.

1 Answer

Chris Hall
seal-mask
.a{fill-rule:evenodd;}techdegree
Chris Hall
Full Stack JavaScript Techdegree Student 11,442 Points

Changing

.contact-info ul {}

to

.contact-info {}

fixed the issue.

(I'm starting to become annoyed with the wording of these challenge questions.) Edit: Moving the above from comment to answer due to suggestion by geoffrey.