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

Design

Amanda Bater
Amanda Bater
7,686 Points

Browser compatibility question

I'm just checking out a website I'm building on different browsers to see that they still work okay.

Something weird happens when I try and view the site in Mac Safari. At the top of my page I have a small video loop playing which is embedded into the code...when the browser window is small, as it would be for mobile, everything looks fine, when I make the window bigger the whole thing disappears! There's not even a space where it should be, that whole section is completely gone.

Is this a common inconsistancy? Or could it be my code? Perhaps something in my media queries?

Jack Smith
Jack Smith
6,902 Points

Sometimes from my experience which is not much, sometimes when styling you need to add prefixes. If I am not mistaken it won't be long before this will not be a process. Check out css3please.com paste your code in there and it will generate prefixes for your code. Hope this helps.

1 Answer

Amanda Bater
Amanda Bater
7,686 Points

Thanks will certainly take a look at that. Anyone else have any tips for cross-browser consistancy??