diff --git a/src/main.svelte b/src/main.svelte index bce946a..2d3dcbd 100644 --- a/src/main.svelte +++ b/src/main.svelte @@ -14,18 +14,6 @@ display: flex; } - /* Responsive layout - makes a one column layout instead of a two-column layout */ - @media (max-width: 800px) { - .profile { - display: none; - } - - .flex-container { - align-items: center; - flex-direction: column; - } - } - .profile { border-radius: 100%; height: 8em; @@ -33,10 +21,26 @@ padding: 1em 1em 1em 1em; border: .5em solid var(--bg-grad); } - + .about { padding: 0em 5% 0em 5%; } + + /* Responsive layout - makes a one column layout instead of a two-column layout */ + @media (max-width: 800px) { + .flex-container { + align-items: center; + flex-direction: column; + } + + .profile { + display: none; + } + + .about { + padding: 0px; + } + } h1 { color: var(--red); diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 5b193c0..5bb793c 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -24,9 +24,9 @@