forked from M3-Academy/practice-time-landing-page
61 lines
776 B
CSS
61 lines
776 B
CSS
.page-header {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 28px 0 29px 0;
|
|
}
|
|
|
|
.header-logo {
|
|
display: block;
|
|
}
|
|
|
|
|
|
/*= =*\
|
|
= UTILS =
|
|
\*= =*/
|
|
.sm-wrapper {
|
|
display: flex;
|
|
}
|
|
|
|
.center {
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.text-upper {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.text-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.bg-black {
|
|
background-color: var(--bg-clr-black);
|
|
}
|
|
|
|
.bg-blue-gradient-180 {
|
|
background-color: var(--gradient-blue-180);
|
|
}
|
|
|
|
@media screen and (max-width: 414px) {
|
|
.hero-image-desktop {
|
|
display: none;
|
|
}
|
|
|
|
.hero-image-mobile {
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
|
|
@media screen and (min-width: 415px) {
|
|
.hero-image-desktop {
|
|
display: flex;
|
|
}
|
|
|
|
.hero-image-mobile {
|
|
display: none;
|
|
}
|
|
} |