diff --git a/app/static/css/style.css b/app/static/css/style.css index 9e8135e..dc8061e 100644 --- a/app/static/css/style.css +++ b/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; }