I just realised that the media query of max-width 812px is not working and it tends to stuff up my other media query. However, if I used media query of 512px, this also does move the 812px. So why do we need to use the 812px? I am so confused here and would like someone to clarify this for me. Whenever I am using 812px, it is affecting my 1024 media query but not 512px. Also when using the 512px, it does move the 812px

I am still confused here because in the chrome extension, it says that the 812 and 1024 are for height and not for width…According to the chrome extension, the 768 width and 1024 height is for tablet portrait…