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

Posted by Antonio Saenz
Antonio Saenz
1,886 Points

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
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
Jacob Jackson
.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