From 63178a0a7e12f6c7ba6337db971b8207106d9eb7 Mon Sep 17 00:00:00 2001 From: Rafael Sampaio Date: Sun, 9 Oct 2022 20:25:31 -0300 Subject: [PATCH] feat: adiciona banner desktop e mobile --- assets/images/banner-desktop.svg | 9 +++++++++ assets/images/banner-mobile.svg | 9 +++++++++ assets/styles/styles.css | 30 ++++++++++++++++++++++++++++++ index.html | 16 ++++++++++++++++ 4 files changed, 64 insertions(+) create mode 100644 assets/images/banner-desktop.svg create mode 100644 assets/images/banner-mobile.svg diff --git a/assets/images/banner-desktop.svg b/assets/images/banner-desktop.svg new file mode 100644 index 0000000..b414c27 --- /dev/null +++ b/assets/images/banner-desktop.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/images/banner-mobile.svg b/assets/images/banner-mobile.svg new file mode 100644 index 0000000..bcf9505 --- /dev/null +++ b/assets/images/banner-mobile.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/styles/styles.css b/assets/styles/styles.css index 1025879..da3dcf1 100644 --- a/assets/styles/styles.css +++ b/assets/styles/styles.css @@ -12,3 +12,33 @@ header { height: 100px; background: #000000; } + +.banner-desktop { + display: flex; + justify-content: center; + width: 100%; +} + +.banner-desktop figure img { + width: 100%; +} + +.banner-mobile { + display: none; +} + +@media (max-width: 414px) { + .banner-desktop { + display: none; + } + + .banner-mobile { + display: flex; + justify-content: center; + width: 100%; + } + + .banner-mobile figure img { + width: 100%; + } +} diff --git a/index.html b/index.html index 67cebd7..6ac33f5 100644 --- a/index.html +++ b/index.html @@ -18,5 +18,21 @@ /> + + -- 2.34.1