challenge-landing-page/assets/styles/styles.css

45 lines
572 B
CSS

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
header {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100px;
background: #000000;
}
.banner-desktop {
display: flex;
justify-content: center;
width: 100%;
}
.banner-desktop figure img {
width: 100%;
}
.banner-mobile {
display: none;
}
@media (max-width: 414px) {
.banner-desktop {
display: none;
}
.banner-mobile {
display: flex;
justify-content: center;
width: 100%;
}
.banner-mobile figure img {
width: 100%;
}
}