NicollyVieira/challenge-landing-page-nicolly-vieira
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(index): cria estilo para o banner principal no desktop e mobile #4

Merged
NicollyVieira merged 1 commits from feature/main-banner into main 2022-10-11 11:55:09 +00:00
Conversation 0 Commits 1 Files Changed 1 +27
1 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 6d4aefc12c - Show all commits

27
styles/main.css
View File

@ -1,3 +1,4 @@
/*Header*/
* { * {
margin: 0; margin: 0;
box-sizing: border-box; box-sizing: border-box;
@ -14,4 +15,30 @@
display: block; display: block;
padding: 30px 0; padding: 30px 0;
}
/*Main Banner*/
.main-banner {
width: 100%;
}
.main-banner-desktop {
display: block;
}
.main-banner-mobile {
display: none;
}
@media screen and (max-width: 1024px) {
/*Banner*/
.main-banner-desktop {
display: none;
}
.main-banner-mobile {
display: block;
max-height: 598px;
object-fit: cover;
}
} }