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 trialLenora Tracey Amadi
2,041 PointsAccidently 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.
Lenora Tracey Amadi
2,041 PointsLenora Tracey Amadi
2,041 PointsReferring 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
231,072 PointsYou'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
2,041 PointsThank you Steve, but at on time Background and Goals were side by side...
Steven Parker
231,072 PointsThey 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
2,041 PointsHello Steve, I sent you the screen shot yesterday see above,@ 5:58 unless I did not do it correctly.
Steven Parker
231,072 PointsMy 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.
Steven Parker
231,072 PointsSteven Parker
231,072 PointsPlease provide a link to the website or workspace snapshot and we can take a look.