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

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

Posted by MUZ140989 Eukael Mbuyisa
MUZ140989 Eukael Mbuyisa
6,395 Points

selecting the unordered list with contact information

how do l select the unordered list with the contact information and set font size to 0.9em

css/main.css 
a {
  text-decoration: none;
}

#wrapper {
  max-width: 940px;
  margin: 0 auto;
}

#logo {
  text-align: center;
  margin: 0;
}

h1, h2 {
  color: #fff;
}

nav a {
  color: #fff;
}

nav a:hover {
  color: #32673f;
}

h1 {
  font-family: ‘Changa One’, sans-serif;
  font-size: 1.75em;
  font-weight: normal;
}

img {
  max-width: 100%;
}

#gallery {
  margin: 0;
  padding: 0;
  list-style: none;
}

#gallery li {
  float: left;
  width: 45%;
  margin: 2.5%;
  background-color: #f5f5f5;
  color: #bdc3c7;
}

nav ul {
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

nav li {
  display: inline-block;
}

nav a {
  font-weight: 800;
  padding: 15px 10px;
}

.profile-photo {
  display: block;
  margin: 0 auto 30px;
      max-width: 150px;
  border-radius: 100%;
}

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

3 Answers

Tommy Gebru
Tommy Gebru
30,164 Points
Tommy Gebru
Tommy Gebru
30,164 Points

Hey Eukael you are very close there seems to be a syntax error, the class that challenge asks for is .contact-info and you placed .contact-infor. Also for the first section of the challenge, Add and Style Icons, they ask that the class .contact-info targets all "unordered list" elements therefore:

ul.contact-info{}
danheffernan
danheffernan
10,004 Points
danheffernan
danheffernan
10,004 Points

Check your selector in your CSS file. I think there's a spelling mistake. You have .contact-infor

MUZ140989 Eukael Mbuyisa
MUZ140989 Eukael Mbuyisa
6,395 Points

what should it be am confused

Joe Dayvie
Joe Dayvie
11,956 Points
Joe Dayvie
Joe Dayvie
11,956 Points

Eukael,

As mentioned already, you can attach it to the element in the methods I provided below. Ensure that you have the class name correct, as you may have meant contact-info instead and don't forget to place your quotes around the name (as I did in the example).

Joe

Joe Dayvie
Joe Dayvie
11,956 Points
Joe Dayvie
Joe Dayvie
11,956 Points

Eukael,

If you wish to select it, then in your HTML document you must assign that particular class either in the UL tag or create a DIV:

<ul class="contact-infor">...</ul>
<div class="contact-infor">...</div>

Of course as Dan mentioned, you may just have a typo and meant to put contact-info without the "r". I hope this helps!

Joe