cria banner principal

2022-10-08 16:21:00 -03:00 · 2022-10-08 16:21:00 -03:00 · b6633cb18b
commit b6633cb18b
parent e631748e30
4 changed files with 42 additions and 7 deletions
--- a/index.html
+++ b/index.html
@ -9,13 +9,20 @@
  </head>
  <body>
    <header class="page-header">
-      <figure class="figure-logo">
+      <figure >
        <a href="/"
-          ><img src="./src/img/Logo-M3Academy 1.svg" alt="Logo M3Academy"
+          ><img  src="./src/img/Logo-M3Academy 1.svg" alt="Logo M3Academy"
        /></a>
      </figure>
    </header>
-
+<main>
+    <div class="banner-principal-container">
+        <figure>
+            <img class="descktop-banner" src="/src/img/main-banner-descktop.png" alt="">
+            <img class="mobile-banner" src="/src/img/main-banner-mobile.png" alt="">
+        </figure>
+    </div>
+</main>

  </body>
 </html>
--- a/src/img/main-banner-descktop.png
+++ b/src/img/main-banner-descktop.png
--- a/src/img/main-banner-mobile.png
+++ b/src/img/main-banner-mobile.png
--- a/src/style/style.css
+++ b/src/style/style.css
@ -3,15 +3,43 @@
  padding: 0;
  box-sizing: border-box;
 }
-
+/* header-logo */
 .page-header {
  display: flex;
  justify-content: center;
+  justify-items: center;
  padding: 29px 0;
  background: #000000;
 }

-.figure-logo {
-  display: block;
-  
+/*  */
+/* Banner-principal */
+
+.banner-principal-container,
+.mobile-banner img,
+.descktop-banner img,
+.descktop-banner,
+.mobile-banner {
+  width: 100%;
+}
+
+
+
+
+
+
+@media screen and (max-width: 1024px) {
+    .descktop-banner {
+        display: none;
+    }
+
+
+}
+
+@media screen and (min-width: 1025px) {
+    .mobile-banner {
+        display: none;
+    }
+
+
 }