fixed header styling

This commit is contained in:
andres alcocer
2021-10-06 14:41:28 -04:00
parent 9d4e0194f7
commit 2a68c22d05

View File

@@ -1,8 +1,9 @@
.header { .header {
background-color: $color-background; background-color: $color-background;
grid-column: 1 / 13; grid-column: 1 / 13;
height: 65rem; height: 82vh;
display: inline-block; // display: inline-block;
display: grid;
@include responsive(phone) { @include responsive(phone) {
height: 50rem; height: 50rem;
@@ -77,13 +78,12 @@
} }
&--fadeBottom { &--fadeBottom {
align-self: end;
height: 28.5rem; height: 28.5rem;
background-image: linear-gradient( background-image: linear-gradient(
180deg, 180deg,
transparent, transparent,
rgba(0, 0, 0, 0.61), rgba(15, 15, 15, 0.61),
rgb(31, 30, 30),
rgb(17, 17, 17),
rgb(17, 17, 17), rgb(17, 17, 17),
rgb(17, 17, 17) rgb(17, 17, 17)
); );