diff --git a/pages/index.tsx b/pages/index.tsx index 5d6fef1..3f7f5b5 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -20,17 +20,19 @@ const Blog: NextPage<{}> = () => { c0ntroller.de - -

Hello there!

-

Miaumiau Lorem ipsum

-

Projects

- { - generateCards("project") - } -

Diaries

- { - generateCards("diary") - } +
+
+ +
+
+

Hello there!

+

Miaumiau Lorem ipsum

+

Projects

+ { generateCards("project") } +

Diaries

+ { generateCards("diary") } +
+
; }; diff --git a/styles/Blog/Card.module.scss b/styles/Blog/Card.module.scss index 4b61af4..c0dc922 100644 --- a/styles/Blog/Card.module.scss +++ b/styles/Blog/Card.module.scss @@ -1,11 +1,12 @@ .card { border: 1px solid gray; - border-radius: 5px; - max-width: 40%; + border-radius: 1em; + max-width: 350px; margin: 1rem auto; transition: box-shadow 0.1s ease-in-out; cursor: pointer; - padding: 5px; + padding: 10px; + margin: 5px; &:hover { box-shadow: 0px 0px 10px blue; @@ -13,9 +14,10 @@ } .title { - + font-size: 120%; + font-weight: bold; } .description { - + } \ No newline at end of file diff --git a/styles/Blog/Front.module.scss b/styles/Blog/Front.module.scss index 6f69e9b..5514372 100644 --- a/styles/Blog/Front.module.scss +++ b/styles/Blog/Front.module.scss @@ -1,7 +1,19 @@ +.container { + + header { + position: sticky; + top: 10px; + } + + main { + max-width: 900px; + margin: 0 auto; + } +} + .contentList { display: flex; flex-wrap: wrap; justify-content: space-evenly; - margin: 0 -1rem; padding: 0; } \ No newline at end of file