diff --git a/index.html b/index.html
index 642b434..c99cd4f 100644
--- a/index.html
+++ b/index.html
@@ -15,9 +15,11 @@
-
-
-
+
+
+
+
+
diff --git a/styles/media-queries.css b/styles/media-queries.css
index 99667db..78b0fdd 100644
--- 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
index be84cef..8c60cae 100644
--- 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 {