commit 23dddf608fe43c98298c032b6a399df1eb1cc090
parent 4a268f7e2e86ac09cd6b2cb98f40e667beee59c1
Author: niljimeno <niliara@proton.me>
Date: Fri, 18 Sep 2026 07:23:11 +0200
add responsive
Diffstat:
2 files changed, 18 insertions(+), 6 deletions(-)
diff --git a/index.html b/index.html
@@ -7,6 +7,7 @@
</head>
<body>
+<main>
<header>
<div style="display: flex; align-items: center; gap: 1em;">
@@ -25,5 +26,6 @@
This is just a theme for my website. I am saving it just in case.
</p>
+</main>
</body>
</html>
diff --git a/style.css b/style.css
@@ -15,19 +15,29 @@
}
body {
+ font-size: calc(8px + 1vmin);
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ line-height: 1.5;
+
width: 90%;
max-width: 1000px;
margin: 0 auto;
- padding: 2em;
- font-size: calc(8px + 1vmin);
+ color: var(--fg);
+}
- line-height: 1.5;
+main {
+ padding: 2em;
+}
+@media (max-width: 600px) {
+ body {
+ font-size: calc(10px + 1vmin);
+ }
- display: block;
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
- color: var(--fg);
+ main {
+ padding: 1em;
+ }
}
header {
