From 0fc892722c670a7e80c160c7a112f8eb438bd109 Mon Sep 17 00:00:00 2001
From: jultty <juno.t@tuta.io>
Date: Wed, 5 Jun 2024 11:33:17 -0300
Subject: [PATCH] Fix widescreen element placing

---
 assets/css/style.css | 32 +++++++++++++-------------------
 1 file changed, 13 insertions(+), 19 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index e4180f9..5d39bae 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -70,6 +70,10 @@ h2 {
   margin: 20px 0px 10px 20px;
 }
 
+.article p {
+  margin: 25px 0px;
+}
+
 .sourceCode pre {
   color: #ccc;
   padding: 20px;
@@ -89,10 +93,10 @@ footer {
 
 /* tablet */
 @media (min-width: 401px) {
-  .article { margin: 0 45px; }
-  .article p {
-    margin: 25px 0px;
+  .article {
+    margin: 0 45px;
   }
+
   h1 {
     margin-left: 45px;
   }
@@ -101,27 +105,17 @@ footer {
 /* widescreen */
 @media (min-width: 1000px) {
   .article {
-    display: grid;
-    grid-template-columns: 1fr 700px 1fr;
+    margin: 0 30%;
   }
-  .article p {
-    grid-column-start: 2;
-    margin: 15px;
-  }
-  #title-container {
-    display: grid;
-    grid-template-columns: 1fr 700px 1fr;
-  }
-  #title-container h1 {
-    grid-column-start: 2;
-    margin: 80px 15px 30px 15px;
+
+  h1 {
+    margin-left: 45px;
   }
 }
 
 /* phone */
 @media (max-width: 400px) {
-  .article { margin: 0 20px; }
-  .article p {
-    margin: 25px 0px;
+  .article {
+    margin: 0 20px;
   }
 }