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 ashok bishnoi
ashok bishnoi
10,160 Points

prob in 7th stage''s task...question? how to make website/ designing.

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

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;
  list-style: none;
  margin:0;
  padding:0;
}
Stephen Twomey
Stephen Twomey
10,869 Points
Stephen Twomey
Stephen Twomey
10,869 Points

Hello Ashok,

Could you clarify the question? I'm not exactly sure what you're asking.

Steve

ashok bishnoi
ashok bishnoi
10,160 Points

the question is telling set a font-size ti 0.9em in unorder list with contact-info selected and also set marging, padding to zero ?

Stephen Twomey
Stephen Twomey
10,869 Points
Stephen Twomey
Stephen Twomey
10,869 Points

Okay.

What you need to do is rewrite the class selector as ul.contact-info {font-size: 0.9em; list-style: none; margin: 0; padding: 0; }.

Since ul is not a child of the contact-info class, it will ignore what you wrote. Basically, as far as the CSS is concerned, it just doesn't exist as you have written it. The contact-info is a part of the ul you want to modify, so you have to write it as ul.contact-info.

I hope this helps.

2 Answers

Mauricio Zambrano
Mauricio Zambrano
14,849 Points
Mauricio Zambrano
Mauricio Zambrano
14,849 Points

just dont put de ul item inside

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

Rich Bagley
Rich Bagley
25,869 Points
Rich Bagley
Rich Bagley
25,869 Points

Hi Ashok,

You almost have it but you need a slight change.

The question asks: 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.

By using the following you are selecting all unordered lists within a parent element of contact-info:

.contact-info ul {

In order to select a unordered list with a class of contact-info you'll need to use:

ul.contact-info {

The following will technically work but will actually select any element with a class of contact-info:

.contact-info {

Hope that helps to clear it up :)

-Rich