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

Marcus Graham
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Marcus Graham
UX Design Techdegree Graduate 35,971 Points
Posted by Marcus Graham
.a{fill-rule:evenodd;}techdegree seal-36
Marcus Graham
UX Design Techdegree Graduate 35,971 Points

<div class> troubles

I'm having trouble making a <div class="grid_5 omega"> work. I've added my code below...any help would be great.

<body> <div class="container clearfix"> <div class="grid_5 omega"> <div id="featured-cupcake"> <h2>Cupcake of the Week</h2> <img src="img/featured-cupcake.jpg"> </div> </body> </html>

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

If having trouble with the MARKDOWN use codepen.io and put your HTML, CSS in to the specified boxes click save then share and paste the link in here.

Thanks

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

Yes that would be great codepen.io is a good site for showing your code to others. Happy to help any way I can.

11 Answers

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

From the gist you linked I can see that there is no link tag for the gird.css file which should look like this

<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">

and that file should be in the same folder as the normalize.css file.

This should fix your issue. Give me a shout when you have tried please.

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

Here is a working preview on codepen but the grid styles have not been linked merely placed in the css part. But it shows them working pen

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

You have 3 opening div's but only one closing div.

Marcus Graham
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Marcus Graham
UX Design Techdegree Graduate 35,971 Points
Marcus Graham
.a{fill-rule:evenodd;}techdegree seal-36
Marcus Graham
UX Design Techdegree Graduate 35,971 Points

Sorry Wayne, here it is:

<body> <div class="container clearfix"> <div class="grid_5 omega">
<div id="featured-cupcake"> <h2>Cupcake of the Week</h2> <img src="img/featured-cupcake.jpg"> </div> </body> </html>

I can't seem to make this work <div class="grid_5 omega">

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

if you do this,

```html
your code goes in here

you also need to add 3 back ticks after your code, take a look at the Markdown cheat sheet below

Marcus Graham
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Marcus Graham
UX Design Techdegree Graduate 35,971 Points
Marcus Graham
.a{fill-rule:evenodd;}techdegree seal-36
Marcus Graham
UX Design Techdegree Graduate 35,971 Points 
<body>
  <div class="container clearfix">
  <div class="grid_5 omega">
  <div id="featured-cupcake">
    <h2>Cupcake of the Week</h2>
    <img src="img/featured-cupcake.jpg">
  </div>
</body>
</html>

I'm having trouble with <div class="grid-5 omega">

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

You will need to be more specific then "I'm having trouble making a work", what exactly is not working. If it the classes? Have you included the CSS file?

Thanks

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

Thanks if you can head over to codepen and create a new pen (for free) save it and give me the link in here I will sort it for you and explain any errors or what the issue(s) may be. Don't let it get you down. :)

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

If you can click on the best answer that led you to the solution and up vote it will mark it as solved.

Glad you sorted.