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

Posted by ja5on
ja5on
10,338 Points

At inspect I have one section overlapping another can someone please help?

https://w.trhou.se/7451hn54bz

Just trying to get the last paragraph to follow the others at the media query.

When I go to inspect at mobile view, I notice one section over lapping another, I have been told by treehouse to gain experience so I'm creating programs based on the lessons I'm learning at that time.

I used lots of background colors to see clearly where all sections are on the page.

I tried clearing floats but no help there....
I do struggle to understand inline-block etc and its impact on other elements, margins etc Took me 4 hours to get this far so would appreciate as simple as possible solution.

Thanks

1 Answer

jb30
jb30
44,806 Points

In the media query section, try adding

.column-right {
    position: relative;
}
ja5on
ja5on
10,338 Points

Thanks so much, I'm gonna research why that works now, thanks again :-)