РАСКУРx4

app/static/css/style.css

@@ -55,8 +55,8 @@ body {
     border-radius: 15px;
     text-decoration: none;
     display: flex;
-    justify-content:center;
-    align-items:center;
+    justify-content: center;
+    align-items: center;
 }
 
 .btn-container .btn:hover {
@@ -89,13 +89,13 @@ body {
 }
 
 .pagebody-inner-section {
-    margin-top: 100px; margin-left: 300px;
 }
 
 .pagebody-inner-section > h1 {
     color: white;
     font-family: "Overpass Mono", monospace;
     font-weight: 700;
+    text-align: center;
 }
 
 .project-container {
@@ -103,6 +103,8 @@ body {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
+    align-content: center;
+    justify-content: center;
 }
 
 .project-container-row {
@@ -114,9 +116,9 @@ body {
 .project-element {
     position: inherit;
     width: 300px;
-    margin-right: 70px;
     display: flex;
     flex-direction: column;
+    margin: .2rem;
 }
 
 .project-element > h1 {
@@ -124,9 +126,11 @@ body {
     font-family: "Overpass Mono", monospace;
     font-weight: 700;
     margin: 0;
+    align-self: center;
+    text-align: center;
 }
 
-.project-element  > p {
+.project-element > p {
     color: white;
     font-family: "Overpass Mono", monospace;
     font-weight: 400;
@@ -137,4 +141,5 @@ body {
     background: #222;
     margin-top: 20px;
     margin-bottom: 20px;
+    align-self: center;
 }