alteracao

amndalsr · Mar 6, 2024 · d8063f8 · d8063f8
1 parent dab3b86
commit d8063f8
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -15,9 +15,11 @@
 
 <body>
 
-    <div class="logo-alura">
-        <img src="/assets/logo-alura.png" alt="logo da Alura">
-    </div>
+    <header class="cabecalho__logo">
+        <div class="logo-alura">
+            <img src="/assets/logo-alura.png" alt="logo da Alura">
+        </div>
+    </header>
 
     <main class="conteudo__principal">
         <section class="conteudo__principal__secao">

diff --git a/styles/media-queries.css b/styles/media-queries.css
@@ -1,4 +1,4 @@
-@media only screen and (max-width: 768px) {
+@media only screen and (max-width: 1200px) {
 
     body {
         flex-direction: column;
@@ -39,7 +39,7 @@
     .texto-destino, .botao-copiar {
         width: 100%;
     }
-    
+
 }
 
 @media only screen and (max-width: 375px) {

diff --git a/styles/style.css b/styles/style.css
@@ -14,11 +14,12 @@ body {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
+    align-items: center;
     height: 100vh;
     box-sizing: border-box;
     background-color: var(--cor-primaria);
     margin: auto;
-    max-width: 100%;
+    max-width: 1920px;
     margin: auto;
 }
 
@@ -36,10 +37,13 @@ body::-webkit-scrollbar-thumb {
     border: 3px solid var(--cor-primaria);
 }
 
+.cabecalho__logo {
+    width: 30px;
+}
+
 .logo-alura img {
     padding: 2.5rem 0 0 0;
     cursor: pointer;
-    position: fixed;
 }
 
 .conteudo__principal {