How to do media query of 576px forr landscape mode

Hosting Support
41

I have actually done it this way already but for one of my media queries, nothing is moving…

42

try

.class-name { float: left );

or if you don’t want to use floating then use

.class-name {position:absolute; left: 0;}

The above code will also align the text on left side.

1 Like
43

I have tried the float option as well and it is strange as nothing seems to be moving it…I think one of my other media queries have used the word !important and thus for this media query, nothing is working

44

Remove the !important part from one of your media queries. That should fix the problem.

45

Harder said than done because for one of the media queries, i needed to add the !importance or it won’t work!

46

But the !important tag works only if there are no media queries left!

47

I am confused here… In one of my media queries, I can’t get anything to work unless I use the !important tag…

48

What is the media query for Huawei’s phone?I am trying to apply most of the common media query but I guess that the 812px is for iphone and not Huawei? I also know that I shouldn’t target specific phones but if I have a Huawei or Samsung galaxy s3, it doesn’t look quite right…I also have found that the chrome extension is not a 100% accurate so I guess this would be hard to test if you don’t own that particular phone?

49

Does it matter which orientation should I do first? For some reason, my ipad orientation portrait looks weird today and it was looking ok yesterday

50

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.