[Solved] Interesting results with @media queries, your thoughts?

[GroovyMotion]

I have been reading a lot about media queries an I decided to to a test in CodePen! I setup a basic nav with an ul/li that floats on the left and 2 and a fixed absolute div at the bottom of the screen.

When I resize my screen, once it goes to 599px and below the fixed absolute div disappears and the nav moves to the top as an inline list. I also tried to set it just beyond 599px and just use the zoom-in and it worked! :)

Check out my fork, could this be that simple? I am still new in CSS3 but this seems quite alright, let me know your thoughts!

Final thought: should the absolute positioned div be hidden from tablets as well?

Check out my CodePen test…

Cheers!

[GroovyMotion]

Thanks a lot! I will add this piece of meta, should I always use it on all sites or just the ones that I really want to be mobile friendly?

[GroovyMotion]

ok I see! Many thanks again for yet another great tutorial! :)

[Author]

Posts