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

Deleted CSS file. Rebuilt it and named it the same, but my website won't read it like it did before. What did I do wrong

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Ross Armstead | Email Marketing </title>
    <link rel="stylesheet" href="css/normalize.css">
    <link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700|Varela+Round' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="main.css">
  </head>
  <body>
    <header>
        <a href="index.html" id="logo"> 
          <h1>Ross Armstead</h1>
          <h2>Email Marketing</h2>
        </a>
        <nav>
          <ul>
            <li><a href="index.html" class="selected">Portfolio</a></li>
            <li><a href="about.html">About</a></li>
            <li><a href="contact.html">Contact</a></li>
          </ul>
        </nav>
    </header>
    <div id="wrapper">
      <section>
        <ul id="gallery">
          <li>
            <a href="img//numbers-01.jpg">
              <img src="img//numbers-01.jpg" alt="">
              <p>Experimentation with color and texture.</p>
            </a>
          </li>
          <li>
            <a href="img//numbers-02.jpg">
              <img src="img//numbers-02.jpg" alt="">
              <p>Playing with blending modes in Photoshop.</p>
            </a>
          </li>
          <li>
            <a href="img//numbers-06.jpg">
              <img src="img//numbers-06.jpg" alt="">
              <p>Trying to create an 80's style of glows.</p>
            </a>
          </li>
          <li>
            <a href="img//numbers-09.jpg">
              <img src="img//numbers-09.jpg" alt="">
              <p>Drips using photoshop brushes.</p>
            </a>
          </li>
          <li>
            <a href="img//numbers-12.jpg">
              <img src="img//numbers-12.jpg" alt="">
              <p>Creating shapes using repetition.</p>
            </a>
          </li>
        </ul>
      </section>
      <footer>
        <a href="https://twitter.com/Ross31792"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
        <a href="https://www.facebook.com/ross.armstead"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
        <p>&copy; 2015 Ross Armstead. </p>
      </footer>
    </div>
  </body>
</html>

/**********************************
GENERAL
**********************************/

body {
  font-family: 'Droid Serif', serif;
}

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

a {
  text-decoration: none;
}

img {
  max-width: 100%
  }

h3 {
  margin: 0 0 1em 0;
}




/**********************************
Heading
**********************************/

header {
  float:left;
  margin:0 0 30px 0;
  padding: 5px 0 0 0;
  width: 100%;
}

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

h1 {
 font-family: 'Varlea Round', sans-serif;
 margin: 15px 0;
 font-size: 1.75em;
 font-weight: normal;
 line-height: 0.8em;
}

h2 {
  font-size: 0.75em;
  margin: -5px 0 0;
  font-weight: normal;
}



/**********************************
Navigation
**********************************/

nav {
 text-align: center;
 padding: 10px 0;
 margin: 28px 0 0;
}

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

nav li {
  display: inline-block;
}

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




/**********************************
Footer
**********************************/

footer {
  font-size: 0.75em;
  text-align:center;
  clear: both;
  padding-top:50px;
  color:#ccc;
 }

.social-icon {
  width:20px;
  height:20px;
  margin:0 5px;
}




/**********************************
PAGE: PORTFOLIO 
**********************************/

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

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

#gallery li a p {
  margin: 0;
  padding: 5%;
  font-size: 0.75em;
  color: #bdc3c7
}


/**********************************
PAGE: About
**********************************/

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



/**********************************
Page: Contact
**********************************/

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




/**********************************
Colors
**********************************/

/* Site Body */
body {
  background-color:#fff;
  color: #9FA1A4;
}

/*Dark Blue header*/
header {
  background: #002B5C;
  border-color:#91b0d5;
  }

/*Nav Background on mobile devices*/
nav {
  background:#91b0d5;
}

/* logo Text */
  h1, h2 {
      color: #fff;
   }

/* Links */
a {
 color: #002B5C; 
}

/* Color for Nav Link */
nav a, nav a:visited {
color: #fff;
}

/* Selected Nav Link */
nav a.selected, nav a:hover {
  color: #002B5C;
}

3 Answers

You are missing a closing colon } after your class .contact-info in your "Page: Contact" section of your CSS.

That was it! Thanks so much.

I noticed that you have the normalize.css file in a folder called /css/ is that where the main.css file is too? You should make sure that the css/ is added to the path to main.css.

Tried to show my code, but didn't seem to work. I apologize.

I edited your code comment for you so the code syntax would apply. See the Markdown Cheatsheet under the comment form for details in the future.