Adiciona o main banner desktop e o main banner mobile

This commit is contained in:
SamuelCondack 2022-10-11 16:21:24 -03:00
parent f871092e26
commit 577f7cc0e1
2 changed files with 11 additions and 0 deletions

View File

@ -11,5 +11,12 @@
<header class="page-header"> <header class="page-header">
<a href="/"><img src="assets/images/Logo-M3Academy 1.svg" alt="Logo M3" class="header-logo"></a> <a href="/"><img src="assets/images/Logo-M3Academy 1.svg" alt="Logo M3" class="header-logo"></a>
</header> </header>
<main>
<picture>
<source media="(max-width: 414px)" srcset="assets/mobile-images/top-card-image.png">
<source media="(min-width: 415px)" srcset="assets/images/desktop-banner.png">
<img src="assets/images/desktop-banner.png" alt="laptop image banner" class="main-banner">
</picture>
</main>
</body> </body>
</html> </html>

View File

@ -14,3 +14,7 @@
padding: 29px 0px; padding: 29px 0px;
display: block; display: block;
} }
.main-banner {
width: 100%;
}