challenge-landing-page-henr.../assets/css/main.css

56 lines
828 B
CSS
Raw Normal View History

2022-10-08 22:09:09 +00:00
/*=== Por que criei esse arquivo ===*/
/* Este é meu arquivo principal, a metodologia que vou usar será CUBE CSS <3*/
/* started styles */
/*--------*\
= HEADER =
\*--------*/
.l-header {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 1.875rem 1rem;
}
.header-logo {
display: flex;
}
/*-------------*\
= MAIN BANNER =
\*-------------*/
.main-banner-image {
width: 100%;
height: auto;
}
/*CUBE CSS styles*/
/*-------*\
= UTILS =
\*-------*/
.bg-clr-black {
background-color: var(--bg-clr-black);
}
@media only screen and (max-width: 1024px) {
.image-mobile {
display: flex;
}
.image-desktop {
display: none;
}
}
@media only screen and (min-width: 1025px) {
.image-mobile {
display: none;
}
.image-desktop {
display: flex;
}
}