diff --git a/desafio1.css b/desafio1.css index 309f261..cda8f05 100644 --- a/desafio1.css +++ b/desafio1.css @@ -18,7 +18,36 @@ height: 101px; } +/*Banner Principal*/ + + .imagem-banner-principal { + width: 100%; + } + + .imagem-banner-principal-mobile { + display: none; + } + @media (min-width: 2500px) { + .imagem-banner-principal-mobile { + display: none; + } +} +@media (max-width: 1024px) { + .imagem-banner-principal { + display: none; + } + .imagem-banner-principal-mobile { + display: block; + width: 100%; + } +} + +@media (max-width: 820px) { +} + +@media (max-width: 320px) { +} \ No newline at end of file diff --git a/desafio1.html b/desafio1.html index 8134ca5..5cec3aa 100644 --- a/desafio1.html +++ b/desafio1.html @@ -18,12 +18,18 @@