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