diff options
Diffstat (limited to 'served/styles/home.css')
| -rw-r--r-- | served/styles/home.css | 22 |
1 files changed, 20 insertions, 2 deletions
diff --git a/served/styles/home.css b/served/styles/home.css index c67d711..ac00786 100644 --- a/served/styles/home.css +++ b/served/styles/home.css @@ -9,14 +9,21 @@ ul { } #contact { - border: 1px solid black; + border: 1px solid var(--text-dim); box-shadow: 5px -5px 0px #999, 10px -10px 0px #666, 15px -15px 0px #333; padding: 1rem 2rem 1rem 1rem; + /* allocate the space for the boxshadow */ + margin-right: 15px; max-width: var(--pwidth); height: min-content; } +#banner { + max-width: min(100%, calc(var(--pwidth) + 15px)); + border: 1px solid var(--text-dim); +} + #contact>h2 { margin-top: 0; } @@ -29,9 +36,13 @@ ul { @media (max-width: 50rem) { #contact { - margin-top: 1.5rem; + margin-top: 2rem; margin-right: 1rem; } + + #banner { + margin-top: 1rem; + } } @media (min-width: 50rem) { @@ -40,6 +51,7 @@ ul { grid-template-columns: 30rem 1fr; row-gap: 1rem; column-gap: 1rem; + width: fit-content; } #hello>p, @@ -54,4 +66,10 @@ ul { width: fit-content; } + + #banner { + max-width: 16rem; + grid-column: 2; + grid-row: 4 + } } \ No newline at end of file |