From ea67d5a59013c22bad8b9712a0bb72ec01aa66cd Mon Sep 17 00:00:00 2001
From: c0de <c0de@c0de.dev>
Date: Mon, 13 Nov 2023 23:00:40 -0600
Subject: [PATCH] hide the masthead brand on phone screens

---
 social_links/links/static/cover.css           | 6 +++---
 social_links/links/templates/links/index.html | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/social_links/links/static/cover.css b/social_links/links/static/cover.css
index 9e611c6..7e704cb 100644
--- a/social_links/links/static/cover.css
+++ b/social_links/links/static/cover.css
@@ -67,11 +67,11 @@ body {
   }
 }
 
-.masthead-brand {
-  margin-bottom: 0;
+@media(max-width:48em){
+  .masthead-brand{display:none}
 }
 
-.masthead-brand img {
+.masthead-brand a img {
   width: 12rem;
 }
 
diff --git a/social_links/links/templates/links/index.html b/social_links/links/templates/links/index.html
index ca17a9e..07ea741 100644
--- a/social_links/links/templates/links/index.html
+++ b/social_links/links/templates/links/index.html
@@ -21,7 +21,7 @@
     <div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
         <header class="mb-auto">
             <div>
-                <h3 class="masthead-brand float-md-start mb-0"><a href="{{ heading.link }}"><img style="width: 12rem" src="https://c0defox.es/paw-tail.svg" /></a></h3>
+                <h3 class="masthead-brand float-md-start mb-0"><a href="{{ heading.link }}"><img src="https://c0defox.es/paw-tail.svg" /></a></h3>
                 <nav class="nav nav-masthead justify-content-center float-md-end">
                     <a class="nav-link fw-bold py-1 px-0 active" href="{{ heading.link }}"><i class="bi bi-house-door-fill"></i> Home</a>