diff --git a/index.html b/index.html index 642b434..c99cd4f 100644 --- a/index.html +++ b/index.html @@ -15,9 +15,11 @@ -
- logo da Alura -
+
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 {