Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML

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
215,939 Points

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

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
215,939 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.

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

Steven Parker
Steven Parker
215,939 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?

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

Steven Parker
Steven Parker
215,939 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.