hide the masthead brand on phone screens

This commit is contained in:
c0de 2023-11-13 23:00:40 -06:00
parent 371f344490
commit ea67d5a590
2 changed files with 4 additions and 4 deletions

View File

@ -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;
}

View File

@ -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>