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

melissa brown
melissa brown
4,670 Points
Posted by melissa brown
melissa brown
4,670 Points

browser display

Hi guys im having trouble displaying my code from work spaces in the browser. At first i was using google chrome but now it isnt displaying my code. Firefox was working but now i get this signal from firefox nothing come up its just a blank page http://port-80-jmj1bwq19t.treehouse-app.com/

dont think there is anything wrong with my code but just in case ~~~<!DOCTYPE html> <html> <head> <title>Selector Groups</title>
<link rel="stylesheet" href="style.css"> </head>
<body> <div class="grid"></div> <div class="grid"></div> <div class="grid"></div> </body> </html>

css

body { padding-top: 50px; text-align: center; }

/* Shapes */

.grid { display:inline-block; margin: 0 15px; width: 200px; height: 200px; background-color: lightcoral; }

Raouf Tiliouine
Raouf Tiliouine
15,192 Points

Hi Melissa,

The problem here is that you have no content in the html. In case you're missing why that "background-color" attribute is not showing, that's because you need to explicitly give a height and width to the divs.

Hope that helps,

Raouf

3 Answers

melissa brown
melissa brown
4,670 Points
melissa brown
melissa brown
4,670 Points

hey raouf, thanks for your reply i do have code in the html. didnt show up when i posted it. ill try posting it again 

<!DOCTYPE html>
<html>
<head>
    <title>Selector Groups</title>  
  <link rel="stylesheet" href="css/style.css">
</head>  
<body>
    <div class="grid"></div>
    <div class="grid"></div>
    <div class="grid"></div> 
  </body>
</html>
melissa brown
melissa brown
4,670 Points
melissa brown
melissa brown
4,670 Points

ok it doesnt seem to be showing but i wrapped the body in html tags not sure why my code shows up differently here than in my workspaces

Raouf Tiliouine
Raouf Tiliouine
15,192 Points
Raouf Tiliouine
Raouf Tiliouine
15,192 Points

Sorry for the late response. If you are trying to show me the DOCTYPE and HTML tags it won't make a difference and my answer will still apply. Try to experiment with the css and HTML to see what works, after all that's how I learnt :)