diff --git a/index.html b/index.html index 4c8fea6..e9aaf0f 100644 --- a/index.html +++ b/index.html @@ -9,13 +9,20 @@
-
- +
+ +
diff --git a/src/img/Rectangle 9.png b/src/img/main-banner-descktop.png similarity index 100% rename from src/img/Rectangle 9.png rename to src/img/main-banner-descktop.png diff --git a/src/img/main-banner-mobile.png b/src/img/main-banner-mobile.png new file mode 100644 index 0000000..098a4dc Binary files /dev/null and b/src/img/main-banner-mobile.png differ diff --git a/src/style/style.css b/src/style/style.css index d76f7b8..493d771 100644 --- 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; + } + + }