diff options
Diffstat (limited to 'sass')
| -rw-r--r-- | sass/style.scss | 28 |
1 files changed, 5 insertions, 23 deletions
diff --git a/sass/style.scss b/sass/style.scss index 4db7a20..73aeb80 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -43,19 +43,16 @@ main { margin: 2em; min-height: calc(100vh - 108.8px - 25.6px - 25.6px - 32px - 32px); .works { - .work-card:nth-child(even) { - background-position: left; - align-items: flex-end; - } display: grid; row-gap: 2em; column-gap: 2em; - - @media screen and (min-width: 992px) { + @media screen and (min-width: 768px) { grid-template-columns: 1fr 1fr; } + @media screen and (min-width: 1024px) { + grid-template-columns: 1fr 1fr 1fr 1fr; + } } - } footer { @@ -77,30 +74,16 @@ a { padding: 2em; background-color: $box-color; border-radius: 0.3em; - background-repeat: no-repeat; - background-size: contain; - background-position: right; border: 1px solid $background-color; height: 250px; display: flex; flex-direction: column; justify-content: space-between; - background-blend-mode: overlay; .title-and-description, .info { - max-width: 50%; h3 { font-weight: lighter; color: $accent-color; } - @media screen and (max-width: 650px) { - font-size: 0.8em; - max-width: 70%; - } - @media screen and (max-width: 500px) { - font-size: 0.7em; - max-width: 100%; - } - } .info { span { @@ -115,12 +98,11 @@ a { } .works-filter { - padding: 1em; + padding-bottom: 2em; font-size: 0.9em; @media screen and (max-width: 500px) { font-size: 0.7em; } - label { margin-left: 2em; color: $font-color; |