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
James Bryer
656 PointsDoes anyone understand grid work?
I am finding it hard to conceptualise. Could some one give me a description?Thanks.
6 Answers
James Barnett
39,199 PointsIf you are referring to CSS grids ...
Check out this video which discusses what a CSS grid then check out simplegrid
Ricardo Diaz
30,415 PointsGrid work as in grids and how they work or something else?
James Bryer
656 PointsLike how do they function?
Like what does grid_2 actually mean visually?
James Bryer
656 PointsOk thanks james,
Is it ok if you just have a quick look at my code to see if it is done correctly because the copyright sign won't go indented like the rest of the content and the unordered links list is just float in below everything…
'<!DOCTYPE HTML> <html> <head>
<div class="container">
<title>Spider Web Design</title>
<div id= "header">
<h1> Website design from £100!</h1>
<div class"grid 8">
<h2> Are you looking for a simple page website made within 48 hours for a bargain price? Well look no further! SpiderWeb Design will produce an up to date and visually appealing site for all types of businesses.</h2>
</div>
<link rel="stylesheet" href="/Users/JamesJohnBryer/Downloads/websitewaters-island01-stage03/css/normalize.css" type="text/css" media="screen">
<link rel="stylesheet" href="/Users/JamesJohnBryer/Downloads/websitewaters-island01-stage03/css/grid.css" type="text/css" media="screen">
<link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href='/Users/JamesJohnBryer/Downloads/websitewaters-island01-stage03/style.css' type="text/css" media="screen">
</head>
<body> <div class="container clearfix">
<br>
<H2> We have several packages to offer:</H2>
<br>
</div>
<br>
<br>
<br>
<br>
<br>
<div class="grid_3">
<H2> Toilet Spider package </H2>
<br>
<h3> The toilet spider package gives you access to a high quality one page site with visual depictions of photos, logos, one email, domain name and web hosting. Take this package if you are a start up business or simply need a small presence on the world wide web. </h3>
<img src="/Users/JamesJohnBryer/Documents/HTML/untitled folder/garden spider.jpg" alt= "garden spider"/>
</div>
<div class="grid_3">
<H2> Garden spider package </H2>
<h3> The Garden spider package gives you access to up to 3 pages as well as photos, logos, a domain name, web hosting, and 3 emails. Take this if you want navigation within your site and more contact details displayed.</h3>
<img src="/Users/JamesJohnBryer/Documents/HTML/untitled folder/toilet spider.jpg" alt= "garden spider"/>
</div>
<div class="grid_3">
<h2>The Turantula spider package</h2>
<h3> The Turantual package really is the best thing for a growing business to take as we offer 7 pages, 6 emails, a domain name, web hosting, and visual depictions of photos, logos and a mailing list option.</h3>
<img src="/Users/JamesJohnBryer/Documents/HTML/untitled folder/turantula spider.jpg" alt= "garden spider"/>
</div>
</div>
<ul>
<div class="grid_7">
<li><a href="#">Garden spider package £100</a></li>
<li><a href="#">Toilet spider package £250</a></li>
<li><a href="#">Tuarantula spider package £500</a></li>
</ul>
</div>
<div id="copyright" class="grid_7">
<p>All rights reserved copyright 2013. Spider design.</p>
</div> </body> </html>
James Barnett
39,199 PointsWhy not make a "working" demo of this in codepen it's always easier to see if something is right if it's an actual working version rather than static text.
James Bryer
656 PointsIts just a little joke site i'm messing around with as my first site haha!
James Bryer
656 PointsIts just a little joke site i'm messing around with as my first site haha!