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

The gallery does not divide into two columns tried everything

Hey Guys, I have carefully checked everything I can not find any bugs or faults I have tried everything all suggestion it is not working.

Please help.

Regards Aman Singh

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Then we're going to need to see your code. There's a link to the Markdown Cheatsheet here on the page which will explain how to post it.

8 Answers

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

The CSS you have targets what I believe to be the gallery ID. Except that you don't have any elements with the gallery ID (at least not that I see). Try doing this:

<section>
        <ul id="gallery">  <!-- Note the gallery id added to this element -->
          <li>
            <img src="img/parrot.jpg" alt="">
            <p>My lovely parrot </p>
          </li>  

Ms Jennifer thanks for quick reply.

https://teamtreehouse.com/workspaces/16303212

''' <!DOCTYPE html> <html manifest="http://http://port-80-4gldx8y4qs.treehouse-app.com"> <head> <meta charset="utf-8"> <title> Amandeep Ghotra | Develpor</title> <link rel="stylesheet" href="css/normalize.css"> <link href='https://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400,400italic,700,700italic,800' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> </head> <style> footer { color:green; }

    Header {
      color: Blue;
      background-color:white;
    }
    nav a {
      color:Black;
    }

  </style>
 <body>
  <header>

    <a href="index.html" id="logo">
    <h1> This is Amandeep </h1>
    <h2> Developer</h2></a>
      <p title="About W3Schools"><b>

        </b></p>


    <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 Us</a></li>     
      </ul>
    </nav>
    </header>
  <div id="wrapper">
    <section>
        <ul>
          <li>
            <img src="img/parrot.jpg" alt="">
            <p>My lovely parrot </p>
          </li>
           <li>
            <img src="img/numbers-01.jpg" alt="">
            <p> This is number one</p>
          </li>
           <li>
            <img src="img/numbers-02.jpg" alt="">
            <p> Number two photo</p>
          </li>
           <li>
            <img src="img/numbers-06.jpg" alt="">
            <p> This is number three photo</p>
          </li> 
          <li>
            <img src="img/numbers-09.jpg" alt="">
            <p>Number nine </p>
          </li> 
          <li>
            <img src="img/numbers-12.jpg" alt="">
            <p> Number 12</p>
          </li>



      </ul>

    </section>  
          <footer>
         <a href="http://twitter.com/amoghotra"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
             <a href="http://Facebook.com/aman_gdghotra@yahoo.co.uk"><img src="img/facebook-wrap.png" alt="facebook Logo"></a>


      <p> &copy; 2016 Aman Ghotra.</p>
        </footer>
      </div>
    </body>
  </html>

'''

''' /************************* General *************************/

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

wrapper{

max-width:940px; margin: 0 auto; padding:0 5%;

}

a {

color:#6ab47b;

}

img{ max-width: 100%; }

/************************* 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:'changa one',sans-serif; margin:15px 0; font-size:1.75em; font-weight:normal; font-weight:0.8em;

}

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

}

/************************* Navigation **************************/ nav{ text-align:center; padding:10px 0; margin: 20px 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; 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; }

/************************* Color **************************/

/* Header background */

header { background:#6ab47b; border-color:#599a68;

} /* Heading color black */

h1,h2 { color:#000; }

nav { background:#599a68; }

nav a, nav a:visited { color:#fff; } nav a.selected,nav a:hover { color:#32673f } body { background-color:#fff; color:#999; }

/* hello */

'''

yes sorted thank you. but still didn't get it <!-- Note the gallery id added to this element -->???

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Just to make sure here: you've tried saving the file, refreshing the browser window and clearing the browser cache already?

I don't know how to clear the browser cache. I feel like I don't know anything

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Looking at your profile it says you have 747 points as of right now. So it's not possible that you don't know anything :) Just scratch that off the list. Which browser are you using?

I am using safari. I have started so many courses but didn't finish any now I am trying to stick with HTML and CSS. how come you done that many courses. we both started on same day 1 Feb. if you don't mind asking how many hours you practicing here every day.

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

I don't know. I do courses about one to two hours a day, I suppose. But some of this is more or less updating my knowledge. I have/had a formal education in programming a long time ago in a galaxy far, far away. But my knowledge base is so outdated it's silly.

I'm not that great with Safari to be honest, but it should be somewhere in the settings for the browser.

ohh that's great seems like I found my mentor lol. wondering if you can help me with some silly question here and there wouldn't be bothering you much. can I follow you Github.

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

The community here at Treehouse is great just... you know... in general! Here's some tips to get the most out of it. If you get stuck on a code challenge, search a little on the forums. The easiest way I've found to do this is to open treehouse in a new tab and then click on community on the left hand side. At the very top you have a search and can even search by subject. Chances are about 95% that if you are stuck on a code challenge... someone else was too! And most of those have code posted for solutions. Take a minute to read any explanation so that it makes sense and doesn't just get lost in the shuffle. As for github, I do have an account, but I don't really have anything there at the moment LOL.

oki cool thanks for the advice that's exactly I am doing. I was lacking with studying pattern. time devotions..