I've recently created a webpage that works fine on computers and smartphones that I could test on. But when I sent it to my friend, she said her Samsung Galaxy tablet 2 showed the banner in the wrong place among other issues. In my CSS, I've made rules for these widths:
max-width: 479px
(min-width: 480px) and (max-width: 767px)
(min-width: 768px) and (max-width: 995px)

Can someone please help me understand where I'm going wrong? I couldn't find any site that would let me test for Tab 2, any help in this direction is also most welcome...