From f4111077f5afc3b6961760af95412a49a2131f85 Mon Sep 17 00:00:00 2001
From: xengineering <me@xengineering.eu>
Date: Fri, 26 Nov 2021 12:20:02 +0100
Subject: Change to Ratio-based Media Queries
---
css/xengineering.css | 5 ++---
1 file changed, 2 insertions(+), 3 deletions(-)
(limited to 'css')
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;
--
cgit v1.2.3-70-g09d2