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