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

Posted by Kaleb Ross
Kaleb Ross
4,868 Points

font-size: 0.9em; ??

Can someone tell me what I am doing wrong...looks right to me. Probably something easy.

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-info ul {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}

2 Answers

Robert Bennett
Robert Bennett
11,927 Points
Robert Bennett
Robert Bennett
11,927 Points

The rule you set for this exercise asked the program to look for a class first not an element by putting the period in the beginning. => .contact-info ul. You needed to change the order in the request to ul.contact-info. Just a reminder Casscading means top to bottom in CSS. That is why inline is more powerful than linking to a style-sheet. Here are the three ways CSS works. 1. Linking to "External style sheet" - 2. On the top of the HTML page in the head section - "Internal style sheet" - 3. Inserting the CSS rule in the first part of the single element in the HTML page - "Inline style". Inline style always control first the CSS. If you where to make all your code inline style you would have a mess trying to find every thing on one page. Here is the code to your question below!

 ul.contact-info {font-size: 0.9em;margin: 0; padding: 0;list-style: none;}
Kaleb Ross
Kaleb Ross
4,868 Points
Kaleb Ross
Kaleb Ross
4,868 Points

Thank you I finally figured it out. Just learning, a lot to absorb.