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 Styling Web Pages and Navigation Style the Portfolio

I have 6 pictures, my pictures stack with 2 pics next to each other,1 pic alone, 2 pic next to each other, 1 pic alone

I have 6 pictures in total. My pictures stack with 2 pics next to each other, 1 pic below alone, 2 pic next to each other below, 1 pic alone below

Could you add your code here so we can take a look?

Zach Patrick
Zach Patrick
19,209 Points

We can't see your workspace, could you add you code as a comment?

ul {
    list-style-type: none;
}

body {
  font-family: 'Viga', sans-serif;
}

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

a {
  text-decoration:none;
}

img {
  max-width: 100%;
}

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

h1 {
  font-family: 'Viga', 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;
}

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

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

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

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


/* link */
a {
  color:#2e8588;
}

/* green header*/
header {
  background: #cdeae5;
  border-color: #2e8588;
}

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

/* nav background on mobile */
nav {
  background: #2e8588;
}

/* nav links */
nav a, nav a:visited {
  color: #fff;
}

/* selected nav link */
nav a.selected, nav a:hover {
  color: #9dd1c8;
}

/* site body */
body {
  background-color: #fdfdfd;
  color: #999;
}
Zach Patrick
Zach Patrick
19,209 Points

Were you able to figure this out? If you were could you mark one of the answers as 'best answer'?

1 Answer

Zach Patrick
Zach Patrick
19,209 Points

Make sure you are using the css selectors on your classes and ids. It looks like there are a few classes/ids that you forgot to that with. The selectors would be '.' for targeting classes, '#' for targeting ids, etc.