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

HTML

Posted by Lenora Tracey Amadi
Lenora Tracey Amadi
2,041 Points

Accidently deleted element for location/Card title of a header

The Goal section on my website is no longer on the right-side of the page it is now underneath the Background...What elements did I inadvertently deleted.

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

Please provide a link to the website or workspace snapshot and we can take a look.

Lenora Tracey Amadi
Lenora Tracey Amadi
2,041 Points

https://w.trhou.se/vob5fejam1

Lenora Tracey Amadi
Lenora Tracey Amadi
2,041 Points

Referring to h2: Goals... instead of it being to the right of "Background" it is directly below it. I dont know what I deleted

1 Answer

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

You're probably looking with a narrow display. On a wide display, I see them side-by-side.

The default layout places the background and goals in one column. But there's a media query starting at line 168 in the CSS file that re-arranges them into two columns on larger displays (over 720 px).

This is a standard responsive website technique, and I assume it's intentional and part of the course.

Lenora Tracey Amadi
Lenora Tracey Amadi
2,041 Points

Thank you Steve, but at on time Background and Goals were side by side...

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

They still are on larger screens. It doesn't seem like an error, but a deliberate addition to the CSS to make it response to screen sizes.

Can you provide a link to the course page you are working with?

Lenora Tracey Amadi
Lenora Tracey Amadi
2,041 Points

Hello Steve, I sent you the screen shot yesterday see above,@ 5:58 unless I did not do it correctly.

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

My previous comment was based on using your snapshot. The behavior seems consistent with the code, and a classic example of responsive design.

I was hoping a look at the course page might help me understand why your expectations differ from what the code is doing.