From 16b40a96db036b192d405b1271226e45b4907e88 Mon Sep 17 00:00:00 2001 From: Thais Ferreira Date: Mon, 10 Oct 2022 21:38:27 -0300 Subject: [PATCH] Feature: added infocard-image desktop/mobile --- Assets/SVG/Computer-image-desktop.svg | 15 +++++++++++++++ Assets/SVG/Computer-image-mobile.svg | 8 ++++++++ Styles/index.css | 16 +++++++++++++--- index.html | 10 +++++++++- 4 files changed, 45 insertions(+), 4 deletions(-) create mode 100644 Assets/SVG/Computer-image-desktop.svg create mode 100644 Assets/SVG/Computer-image-mobile.svg diff --git a/Assets/SVG/Computer-image-desktop.svg b/Assets/SVG/Computer-image-desktop.svg new file mode 100644 index 0000000..aa8344a --- /dev/null +++ b/Assets/SVG/Computer-image-desktop.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/Assets/SVG/Computer-image-mobile.svg b/Assets/SVG/Computer-image-mobile.svg new file mode 100644 index 0000000..f54ff1e --- /dev/null +++ b/Assets/SVG/Computer-image-mobile.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Styles/index.css b/Styles/index.css index a3c8dc9..07c2664 100644 --- a/Styles/index.css +++ b/Styles/index.css @@ -19,7 +19,8 @@ body{ width: 100%; } -.banner-principal-mobile{ +.banner-principal-mobile, +.infocard-image-mobile{ display: none; } @@ -53,11 +54,19 @@ body{ width: 38%; } +.infocard-image{ + display: flex; + flex-direction: column; + align-items: center; +} + @media screen and (max-width: 414px){ - .banner-principal-desktop{ + .banner-principal-desktop, + .infocard-image-desktop{ display: none; } - .banner-principal-mobile{ + .banner-principal-mobile, + .infocard-image-mobile{ display: unset; } } @@ -74,4 +83,5 @@ body{ .text-description{ width: 100%; } + } diff --git a/index.html b/index.html index fd9b492..69ca642 100644 --- a/index.html +++ b/index.html @@ -31,7 +31,7 @@ -
+

Lorem ipsum

dolor sit amet

@@ -41,7 +41,15 @@ Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui.

+
+ +
+ infocard image desktop + infocard image mobile +
+ + \ No newline at end of file