⚡ Episodes (no paging)

src/app-episodes/index.css.ts

@@ -4,16 +4,10 @@ export const styles = css`
 		display: flex;
 		flex-direction: column;
 		align-items: center;
-		justify-content: flex-start;
+		--width: 33ch;
+		/* internal */
+		margin-inline: max(7.5ch, calc(50% - var(--width)));
 	}
-
-	.episode-list {
-		padding: 0;
-		margin: 0;
-		width: 100%;
-		max-width: 600px;
-	}
-
 	.error {
 		color: red;
 	}

src/app-episodes/index.ts

@@ -43,12 +43,8 @@ export class AppEpisodes extends LitElement {
 		}
 
 		return html`
-			<div class="logo">
-				<h1>Episodes</h1>
-			</div>
-			<ul class="episode-list">
-				${this.episodes.map((episode) => html`<c-episode-list-card .episode=${episode}></c-episode-list-card>`)}
-			</ul>
+			<h1>Episodes</h1>
+			${this.episodes.map((episode) => html`<c-episode-list-card .episode=${episode}></c-episode-list-card>`)}
 		`;
 	}
 }