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

CSS

Posted by Conor Vanoystaeyen
Conor Vanoystaeyen
16,687 Points

I have 2 problems with my website. Can someone help me?

Problem 1 is that my @media does not do what it has to do online, but it works offline.

And my second problem is that in my div photo the 2nd photo is relative and can not keep it in the same place.

link to my code: https://github.com/conor-v/conor-v.github.io

2 Answers

Steven Parker
Steven Parker
229,644 Points
Steven Parker
Steven Parker
229,644 Points

Since CSS is performed in the browser, I'm not sure what the difference between "online" and "offline" is.

But for the image, you might want to establish a positioning context by setting a parent element with "position: relative" (but not using any offsets). Then you could use absolute position on the image to place it where you want within the context.

Conor Vanoystaeyen
Conor Vanoystaeyen
16,687 Points
Conor Vanoystaeyen
Conor Vanoystaeyen
16,687 Points

What I meant with online and offline is that if I use webstorm (jetbrains) to open the browser everything is okay it scales "perfectly". But now I have put it online via github and scales no longer, my mobile has the PC version of the website.

Steven Parker
Steven Parker
229,644 Points
Steven Parker
Steven Parker
229,644 Points

The (link) code that loads the CSS might need to be adjusted for online use if it refers to a local file.