🚧 WIP Add basic styling

fre-ben · Feb 14, 2021 · 6e7bb52 · 6e7bb52
1 parent d55738b
commit 6e7bb52
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 0 deletions.
diff --git a/src/components/cat/cat.css b/src/components/cat/cat.css
@@ -1,2 +1,5 @@
 .catImg {
+  max-width: 22em;
+  margin: 2em 0;
+  overflow-x: auto;
 }
diff --git a/src/components/headline/headline.css b/src/components/headline/headline.css
@@ -0,0 +1,16 @@
+.headline__container {
+  display: grid;
+  text-align: center;
+  margin: 0 2em;
+}
+
+.headline {
+  font-size: 1.2em;
+  margin: 0 0 0.5em 0;
+}
+
+.headline__link {
+  font-size: 0.8em;
+  text-decoration: none;
+  margin-bottom: 1em;
+}
diff --git a/src/components/headline/headline.ts b/src/components/headline/headline.ts
@@ -9,6 +9,7 @@ export function displayGermanHeadline({ headline, link }) {
         innerText: headline,
       }),
       createElement("a", {
+        className: "headline__link",
         href: link,
         innerText: "Artikel lesen",
         target: "_blank",

diff --git a/src/pages/catlinez/catlinez.css b/src/pages/catlinez/catlinez.css
@@ -0,0 +1,4 @@
+.catlinez__container {
+  display: grid;
+  justify-items: center;
+}