Adiciona o main banner desktop e o main banner mobile

2022-10-11 16:21:24 -03:00 · 2022-10-11 16:21:24 -03:00 · 577f7cc0e1
commit 577f7cc0e1
parent f871092e26
2 changed files with 11 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -11,5 +11,12 @@
    <header class="page-header">
        <a href="/"><img src="assets/images/Logo-M3Academy 1.svg" alt="Logo M3" class="header-logo"></a>
    </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>
 </html>
--- a/styles/style.css
+++ b/styles/style.css
@ -13,4 +13,8 @@
 .header-logo {
    padding: 29px 0px;
    display: block;
+}
+
+.main-banner {
+    width: 100%;
 }