Update mobile error message to use h1 for better prominence and add l…

…ine break
amit712singhal · Oct 31, 2024 · 88fa024 · 88fa024
1 parent ef5e376
commit 88fa024
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/js/app.js b/js/app.js
@@ -17,11 +17,12 @@ document.addEventListener( 'DOMContentLoaded', () =>
   {
     const errorHeading = errorSection.querySelector( '.mobile-error' );
 
-    const mobileMessage = document.createElement( 'h4' );
-    mobileMessage.className = 'mobile-error-message body-1';
+    const mobileMessage = document.createElement( 'h1' );
+    mobileMessage.className = 'mobile-error-message';
     mobileMessage.textContent = 'ERROR: 170V380085';
-
+    const lineBreak = document.createElement( 'br' );
     errorHeading.replaceWith( mobileMessage );
+    mobileMessage.after( lineBreak );
   }
 
   const cursorDot = document.querySelector( '.cursor-dot' );