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.

CSS How to Make a Website Responsive Web Design and Testing Adjust the Profile Page and Header

Mohanapriyan Jayakumar
Mohanapriyan Jayakumar
1,862 Points

Responsive Web design - found few issues.Please help

when i try to resize the one of the menu item displaying in the second row. other issue is when i further resize to smaller size the third image moved to the right in the Two column layout.

3 Answers

Hey Mohanapriyan Jayakumar,

I'd love to help you out with your issue, but I need to know what I'll be working with. I'll need you to copy your code into a comment to this question so that we can figure out what's going wrong.

If you've never copied code into a question or comment, I suggest watching the video that you'll find on the right sidebar in this page. Go ahead and watch it and then copy your code here and we'll get you going. :)

Mohanapriyan Jayakumar
Mohanapriyan Jayakumar
1,862 Points

Hi Candacemielke, thanks for the reply...is there any way to add screenshot...it would be better if i can explain it along with screenshot

Actually, I believe it would be easier to explain by copying your code and adding some comments into it to explain what's going on.. I'll give you a brief example:

body {
    background-color: #000;
} ./* here is where I made the background color black */

Try it that way, I think you'll find it easier to all alternatives.

Mohanapriyan Jayakumar
Mohanapriyan Jayakumar
1,862 Points

Have attached the link http://port-80-hbn8k3amzm.treehouse-app.com/ Try to resize the window. You can find two issue.

  1. the Contact menu coming in the next line
  2. The third Image in the gallery is moving to its right side , leaving a big gap in the left side.

Excellent, and now I need to see the code to see where you went wrong. Please copy the code from the HTML and CSS and we'll figure it out.