diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 24e7f63..38467cd 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -17,14 +17,9 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
 	</head>
 	<body>
 		<header class='site-header'>
-			{
-				title && (
-					<a href='/'>
-						<img class='logo' src='/design-resources/logo/slashes.svg' />
-					</a>
-				)
-			}
-			{!title && <div class='logo-placeholder' />}
+			<a href='/' class={title ? '' : 'invisible'}>
+				<img class='logo' src='/design-resources/logo/slashes.svg' />
+			</a>
 			<input type='checkbox' id='nav-toggle' class='hidden' />
 			<nav>
 				<label for='nav-toggle' class='mobile-only'>Close</label>
@@ -154,9 +149,6 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
 				height: 100%;
 				margin: auto;
 				margin-left: 0.75rem;
-				&-placeholder {
-					width: 6.4rem;
-				}
 			}
 			nav {
 				// mobile menu styles
@@ -317,6 +309,10 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
 					display: inherit;
 				}
 			}
+			.invisible {
+				opacity: 0;
+				pointer-events: none;
+			}
 		</style>
 	</body>
 </html>
diff --git a/src/pages/resources/index.astro b/src/pages/resources/index.astro
index e88b7b4..af79360 100644
--- a/src/pages/resources/index.astro
+++ b/src/pages/resources/index.astro
@@ -229,12 +229,16 @@ import Layout from '../../layouts/Layout.astro'
 <style lang='scss'>
 	.grid-2col {
 		display: grid;
-		grid-template-columns: repeat(2, 1fr);
 		gap: 2rem;
+		@media screen and (min-width: 768px) {
+			grid-template-columns: repeat(2, 1fr);
+		}
 	}
 	.grid-3col {
 		display: grid;
-		grid-template-columns: repeat(3, 1fr);
+		@media screen and (min-width: 768px) {
+			grid-template-columns: repeat(3, 1fr);
+		}
 		gap: 2rem;
 	}
 	.thumbnail {
