diff options
| author | xengineering <me@xengineering.eu> | 2021-11-26 12:20:02 +0100 |
|---|---|---|
| committer | xengineering <me@xengineering.eu> | 2021-11-26 12:20:02 +0100 |
| commit | f4111077f5afc3b6961760af95412a49a2131f85 (patch) | |
| tree | 03ef8c91ba1d11042847960bd5952f335e5f4a64 | |
| parent | a2ee804327b10cf5e743aa1b8adc8b2e796b72d1 (diff) | |
| download | libweb-f4111077f5afc3b6961760af95412a49a2131f85.tar libweb-f4111077f5afc3b6961760af95412a49a2131f85.tar.zst libweb-f4111077f5afc3b6961760af95412a49a2131f85.zip | |
Change to Ratio-based Media Queries
| -rw-r--r-- | css/xengineering.css | 5 |
1 files changed, 2 insertions, 3 deletions
diff --git a/css/xengineering.css b/css/xengineering.css index 21e3dfa..ae7943c 100644 --- a/css/xengineering.css +++ b/css/xengineering.css @@ -158,8 +158,7 @@ pre { /********************************** TABLET ************************************/ -@media only screen and (min-width: 600px) { - +@media only screen and (min-aspect-ratio: 11/12) { } /******************************************************************************/ @@ -168,7 +167,7 @@ pre { /********************************* DESKTOP ************************************/ -@media only screen and (min-width: 768px) { +@media only screen and (min-aspect-ratio: 14/9) { body { padding-left: 20vw; |