diff options
| author | Anhgelus Morhtuuzh <anhgelus.morhtuuzh@proton.me> | 2024-11-18 19:31:49 +0100 |
|---|---|---|
| committer | Anhgelus Morhtuuzh <anhgelus.morhtuuzh@proton.me> | 2024-11-18 19:31:49 +0100 |
| commit | 1bd65213097cfdac6b3bb0164821299d99d7e351 (patch) | |
| tree | f41a47493ccb21bed2a2084c5303122e3a75de0d /scss | |
| parent | 964ae2b7f03ebfaac051e9c14e142c178ad16cca (diff) | |
feat(tag): better style and navbar to return home
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/main.scss | 14 | ||||
| -rw-r--r-- | scss/tag.scss | 2 |
2 files changed, 14 insertions, 2 deletions
diff --git a/scss/main.scss b/scss/main.scss index f53f6d4..04d452e 100644 --- a/scss/main.scss +++ b/scss/main.scss @@ -118,6 +118,17 @@ h4 { font-size: 1.35rem; } +.header { + display: flex; + align-items: center; + justify-content: space-between; + @media only screen and (max-width: vars.$bp-little) { + flex-direction: column; + align-items: normal; + gap: 0.5rem; + } +} + .presentation { position: relative; display: flex; @@ -139,6 +150,7 @@ h4 { gap: 0.5rem; @media only screen and (max-width: vars.$bp-little) { margin-right: 0; + text-align: center; } & p { margin: 0; @@ -172,7 +184,7 @@ h4 { column-gap: 1rem; row-gap: 0.5rem; @media only screen and (max-width: vars.$bp-little) { - grid-template-columns: 1fr 1fr; + grid-template-columns: 1fr; column-gap: 0.5rem; align-items: center; margin-bottom: 2rem; diff --git a/scss/tag.scss b/scss/tag.scss index 3b1376c..075f3ab 100644 --- a/scss/tag.scss +++ b/scss/tag.scss @@ -24,7 +24,7 @@ .tag { cursor: pointer; padding: 0.5rem; - border-radius: 16px; + border-radius: 8px; @media only screen and (max-width: vars.$bp-little) { cursor: auto; } |
