From aced2ee9b4ed0338962f9c0bde9d793ce796e8e0 Mon Sep 17 00:00:00 2001
From: Dale Seo <dale.seo@gmail.com>
Date: Wed, 25 Sep 2024 20:42:42 -0400
Subject: [PATCH] refactor: simplify styling for language section

---
 components/language-section.js | 26 +++++++++++---------------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/components/language-section.js b/components/language-section.js
index d22d7db..2a7fd94 100644
--- a/components/language-section.js
+++ b/components/language-section.js
@@ -78,32 +78,28 @@ class LanguageSection extends HTMLElement {
 
       #mobile-image {
         display: block;
-      }
 
-      #tablet-image {
-        display: none;
+        @media only screen and (min-width: 768px) {
+          display: none;
+        }
       }
 
-      #desktop-image {
+      #tablet-image {
         display: none;
-      }
-
-      @media only screen and (min-width: 768px) {
-        #mobile-image {
-          display: none;
-        }
 
-        #tablet-image {
+        @media only screen and (min-width: 768px) {
           display: block;
         }
-      }
 
-      @media only screen and (min-width: 1024px) {
-        #tablet-image {
+        @media only screen and (min-width: 1024px) {
           display: none;
         }
+      }
 
-        #desktop-image {
+      #desktop-image {
+        display: none;
+
+        @media only screen and (min-width: 1024px) {
           display: block;
         }
       }