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 trialAmandeep ghotra
1,716 PointsThe 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
8 Answers
Jennifer Nordell
Treehouse TeacherThe 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>
Amandeep ghotra
1,716 PointsMs 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> © 2016 Aman Ghotra.</p>
</footer>
</div>
</body>
</html>
'''
Amandeep ghotra
1,716 Points''' /************************* 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 */
'''
Amandeep ghotra
1,716 Pointsyes sorted thank you. but still didn't get it <!-- Note the gallery id added to this element -->???
Jennifer Nordell
Treehouse TeacherJust to make sure here: you've tried saving the file, refreshing the browser window and clearing the browser cache already?
Amandeep ghotra
1,716 PointsI don't know how to clear the browser cache. I feel like I don't know anything
Jennifer Nordell
Treehouse TeacherLooking 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?
Amandeep ghotra
1,716 PointsI 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
Treehouse TeacherI 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.
Amandeep ghotra
1,716 Pointsohh 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
Treehouse TeacherThe 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.
Amandeep ghotra
1,716 Pointsoki cool thanks for the advice that's exactly I am doing. I was lacking with studying pattern. time devotions..
Jennifer Nordell
Treehouse TeacherJennifer Nordell
Treehouse TeacherThen 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.