Clean up

codrops · Jan 10, 2024 · e1858d8 · e1858d8
1 parent 6a8d01e
commit e1858d8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/css/base.css b/css/base.css
@@ -139,10 +139,10 @@ a:focus-visible {
 	grid-column-gap: 2rem;
 	pointer-events: none;
 	justify-items: start;
-	grid-template-columns: auto auto auto 1fr;
+	grid-template-columns: 100%;
 	align-items: start;
 	justify-content: start;
-	grid-template-areas: 'prev back sub sponsor' 'title title title title';
+	grid-template-areas: 'title' 'prev' 'back' 'sub' 'sponsor';
 }
 
 .frame #cdawrap {
@@ -371,6 +371,13 @@ svg text {
 }
 
 @media screen and (min-width: 53em) {
+		.frame {
+			grid-template-columns: auto auto auto 1fr;
+			grid-template-areas: 'prev back sub sponsor' 'title title title title';
+		}
+		.frame #cdawrap {
+		  justify-self: end;
+		}
 		.card-wrap {
 			grid-template-columns: repeat(3,250px);
 		}

diff --git a/index.html b/index.html
@@ -20,7 +20,6 @@
 		</script>
 		<link rel="stylesheet" type="text/css" href="css/base.css" />
 		<script>document.documentElement.className="js";</script>
-		<script src="//tympanus.net/codrops/adpacks/analytics.js"></script>
 	</head>
 	<body class="loading">
 		<main>
@@ -294,7 +293,6 @@ <h2 class="content__title">More you might like</h2>
 			</div>
 			<p class="credits">Made by <a href="https://twitter.com/codrops">@codrops</a></p>
 		</main>
-		<script src="https://tympanus.net/codrops/adpacks/cda_sponsor.js"></script>
 		<script src="js/imagesloaded.pkgd.min.js"></script>
 		<script src="js/gsap.min.js"></script>
 		<script src="js/ScrollTrigger.min.js"></script>