inline CSS

jschroeter · Dec 9, 2023 · ab0af7b · ab0af7b
1 parent cc67c69
commit ab0af7b
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 40 deletions.
diff --git a/index.html b/index.html
@@ -1,7 +1,47 @@
 <!doctype html>
 <head>
 	<meta charset="utf-8">
-	<link rel="stylesheet" href="styles.css" />
+	<style>
+		body {
+			font-family: Dokdo, sans-serif;
+			font-size: 22px;
+			display: flex;
+			flex-direction: column;
+		}
+
+		.container {
+			display: flex;
+		}
+
+		.box {
+			max-width: 500px;
+			margin-right: 40px;
+		}
+
+		.box img {
+			aspect-ratio: 500 / 300;
+			width: 400px;
+			height: auto;
+			background-color: lightgray;
+		}
+
+		h1 {
+			font-size: 40px;
+		}
+
+		.images {
+			display: grid;
+			grid-template-columns: repeat(5, 1fr);
+			grid-gap: 15px;
+		}
+
+		.images img {
+			aspect-ratio: 4 / 3;
+			width: 100%;
+			height: auto;
+			background-color: lightgray;
+		}
+	</style>
 	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Dokdo" />
 	<link rel="preconnect" href="https://fonts.gstatic.com" />
 	<title>Website with perf issues</title>

diff --git a/styles.css b/styles.css