Eliminate media query in favor of a bootstrap class

projectblacklight · Jun 13, 2024 · 2ca9551 · 2ca9551
1 parent abb897e
commit 2ca9551
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 7 deletions.
diff --git a/app/assets/stylesheets/arclight/modules/mastheads.scss b/app/assets/stylesheets/arclight/modules/mastheads.scss
@@ -44,10 +44,4 @@
       color: var(--al-mastead-active-link-color);
     }
   }
-
-  @media (max-width: 767px) {
-    h1 {
-      text-align: center;
-    }
-  }
 }
diff --git a/app/components/arclight/masthead_component.html.erb b/app/components/arclight/masthead_component.html.erb
@@ -2,7 +2,7 @@
   <div class="container">
     <div class="row align-items-center">
       <div class="col-md-8" >
-        <span class="h1"><%= heading %></span>
+        <span class="h1 text-center text-md-start"><%= heading %></span>
       </div>
 
       <nav class="navbar navbar-expand col-md-4 d-flex justify-content-md-end justify-content-center" aria-label="browse">