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(-)

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