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 Framework Basics Build a Website with Bootstrap Building the Hero Component

Juan Guillermo Mariño
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Juan Guillermo Mariño
Front End Web Development Techdegree Graduate 19,423 Points
Posted by Juan Guillermo Mariño
.a{fill-rule:evenodd;}techdegree seal-36
Juan Guillermo Mariño
Front End Web Development Techdegree Graduate 19,423 Points

device image not appearing

It looks like I have followed all the steps of this lesson but my device image is still not appearing...

.device {
  width: 345px;
  height: 589px;
  background-image: url('../img/device-hero.png') no-repeat;
}
Gustavo Winter
Gustavo Winter
Courses Plus Student 27,382 Points
Gustavo Winter
Gustavo Winter
Courses Plus Student 27,382 Points

Your code is right, i guess.

Check the way of the image, name and paste. If it doesnt help, try to open a new project focus only in the background-image.

Caleb Kemp
Caleb Kemp
12,755 Points
Caleb Kemp
Caleb Kemp
12,755 Points

of course I can't see the rest of your code, but I would make sure that "device" is a class name and not a id name. If it is an id name, you have to reference it as "#device". I can't see enough of the code to tell you any more than that.

Jack Spangenberg
Jack Spangenberg
643 Points
Jack Spangenberg
Jack Spangenberg
643 Points

Please provide a snapshot of your workspace.