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 SVG Basics SVG and CSS Responsive SVGs

My graphic doesn't seem to align with the header text. Not sure if I missed anything in the code.

This happened in the beginning of the course, but fixed itself a little later. Not sure if it is a bug.

Shanay Murdock
Shanay Murdock
17,568 Points

In the future, these issues will be easier to address if we can see examples of your code. =)

1 Answer

Jacob Jackson
seal-mask
.a{fill-rule:evenodd;}techdegree
Jacob Jackson
UX Design Techdegree Student 7,833 Points

Hey Antonio!

Without a visual it's a little hard to know for sure, but a few things to consider in this situation are:

  • Does the image itself have a lot of blank space around the image if it's a png?
  • Are you using the same browser? - different browsers interpret information differently and can cause issues like this
  • Are you using the same device? - different devices have different default settings for screen resolution and zoom and might make it appear differently
  • Is your application at full-width? - if you're looking at your application in a different window sizing than before, it may cause the image to show up aligned differently, so I'd suggest playing around with the size and trying to establish when it's braking.

The best first step in solving a bug is to recreate the issue and try to find changes that are unique to when the issue is taking place. Like in the example above, if you're moving your window and realize it's going out of alignment when your screen is 3/4 of the way across your screen, you might realize that you have your CSS rule for screen resizing at the wrong width, etc)

Best of luck! Hoped this helped. If you have a visual of your code and the page, please share and maybe we can get you all figured out