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 Basics Positioning Page Content CSS Positioning Challenge

Posted by Benjamin Casalino
Benjamin Casalino
7,036 Points

task#3, what am i missing? thanks!!

.card { position: absolute; top: -45px; left: 125px; }

2 Answers

John Coolidge
John Coolidge
12,614 Points
John Coolidge
John Coolidge
12,614 Points

In order to make the .logo div absolutely positioned in the context of .card, you have to set .card like so:

.card {
  position: relative;
}

This will absolutely position the .logo div inside the .card div, rather than setting the position of the .logo relative to the entire body.

John Coolidge
John Coolidge
12,614 Points
John Coolidge
John Coolidge
12,614 Points

Don't remove the properties from .logo and give them to .card. Leave .logo alone with its properties 'position', 'top' and 'left'. Just add the CSS above to the .card div.

Benjamin Casalino
Benjamin Casalino
7,036 Points
Benjamin Casalino
Benjamin Casalino
7,036 Points

oy thank you, i was def overthinking it haha