init

css/articles/article-base.css

@@ -0,0 +1,46 @@
+article{
+    font-size: 0.9em;
+    color: white;
+    padding: 2em;
+}
+article header{
+    margin-bottom: 2em;
+    line-height: 2em;
+}
+article p, article section p{
+    line-height: 1.5em;
+    font-weight: 300;
+}
+article section{
+    font-weight: 300;
+    line-height: 1.5em
+}
+
+article div{
+    margin-top: 2em;
+    max-width: 100%;
+    display: flex;
+
+    gap: 2em;
+    justify-items: center;
+    align-items: center;
+    flex-wrap: wrap;
+    margin: auto;
+    margin-top: 5em;
+    justify-content: center;
+}
+
+article div img{
+    width: 22%;
+    border-radius: 0.5em;
+}
+
+@media screen and (max-width: 1000px){
+    article div{
+        grid-template-columns: 1fr 1fr;
+        grid-template-areas: ". .";
+    }
+    article div img{
+        width: 44%;
+    }
+}