@ -5,19 +5,40 @@
justify-content: center;
}
.blog-content {
img {
max-width: 100%;
.footer {
position: fixed;
display: flex;
flex-grow: 1;
align-items: center;
@media (max-width: 470px) { //mobile
justify-content: flex-end;
flex-direction: column;
@media (min-width: 470px) { //desktop
flex-direction: row;
height: 3.4375em;
bottom: 0;
left: 0px;
width: 100%;
height: 55px;
margin-right: 10px;
height: 30px*1.5;
@media (max-width: 470px) { //even smoler mobile
margin-top: 0.3125em;
margin-bottom: 0.3125em;
margin-right: 0.625em;
@ -34,8 +55,11 @@
.footer-entries {
flex: 1;
a {
margin-left: 10px;
margin-left: 0.625em;
a:not(:last-child) {
@ -19,7 +19,7 @@ const canonicalURL = new URL(Astro.url.pathname, Astro.site);
<meta property="og:description" content={content.description}/>
<meta property="og:url" content={canonicalURL}/>
</head>
<body>
<body class="blog-content">
<h2>{content.title}</h2>
<h3>{content.description}</h3>
<slot />