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 CSS Layout CSS Layout Techniques Display

There is nothing in my css file

Does anybody understand why I'm not seeing anything here?

1 Answer

I know this is going to sound like a dumb question, but you're expanding the css folder and selecting the style.css file, right? Assuming you're doing that and there is nothing in there, below is what is in my style.css for that workspace. I don't know if this is the data that is in there at the beginning of the course, or what is added as you go, but you are welcome to copy and paste it into your style.css file. Be sure to save the file after adding the contents.

* {
  box-sizing: border-box;
}
html {
  font-size: 1.25em; /* 20px on most screens */
}
header {
  height: 25vh;
  background-color: #294969;
  color: ghostwhite;
  padding: 10px 15px;
  border: 12px solid #ffa949;
  border-bottom-color: #cf7919;
  margin: -8px -8px 20px;
}
section {
  min-height: 100vh;
  padding: 1rem;
  border-bottom: 2px dotted #666;
  background-color: azure;
}
aside img, #bio {
  width: 100%;
  max-width: 480px;
}
#bio {
  padding: 2rem;
  border: 5px solid tomato;
  background-color: mistyrose;
}
footer {
  width: 200px;
  padding: 4px;
  border: 2px solid #ffa949;
  margin: 30px auto 15px;
  color: #294969;
  font-size: .8rem;
  text-align: center;
}

thanks lmao, I needed that :)