Display blog article on landing page

2025-12-30 21:37:15 +01:00
parent 9baeb3736b
commit d6b4d64390
4 changed files with 65 additions and 3 deletions
--- a/static/pywallter.css
+++ b/static/pywallter.css
@@ -54,6 +54,36 @@ main > nav
    color: var(--pico-color-green-500);
 }

+@media (min-width: 1200px) 
+{
+    .list-articles{
+	padding-top: 2vw;
+	display: inline-flex;
+	gap:30px;
+	flex-wrap: wrap;
+    }
+
+    
+    article {
+	text-align: center;
+	width: 30vw;
+	height: 35vw;
+    }
+
+    article > header {
+	height: 15vw;
+    }
+
+    article > .subtitle {
+	height: 10vw;
+    
+    article footer{
+	display: block;
+	height: 5vw;
+    }
+    
+}
+
@media only screen and (max-width: 600px) 
 {
    body {