From 567d907dd7c6500647ceeb3e6ff33d94f6dc769c Mon Sep 17 00:00:00 2001 From: MarcelloMartins Date: Mon, 10 Oct 2022 23:34:44 -0300 Subject: [PATCH] fix: made responsive text --- assets/images/coin 1.svg | 6 ++++++ assets/images/computadores e setas.svg | 15 +++++++++++++++ assets/images/shop 1.svg | 13 +++++++++++++ assets/images/shopping-bag (1) 1.svg | 12 ++++++++++++ index.html | 14 ++++++++++++++ styles/styles.css | 17 ++++++++++++++++- 6 files changed, 76 insertions(+), 1 deletion(-) create mode 100644 assets/images/coin 1.svg create mode 100644 assets/images/computadores e setas.svg create mode 100644 assets/images/shop 1.svg create mode 100644 assets/images/shopping-bag (1) 1.svg diff --git a/assets/images/coin 1.svg b/assets/images/coin 1.svg new file mode 100644 index 0000000..ea11a3d --- /dev/null +++ b/assets/images/coin 1.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/images/computadores e setas.svg b/assets/images/computadores e setas.svg new file mode 100644 index 0000000..aa8344a --- /dev/null +++ b/assets/images/computadores e setas.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/assets/images/shop 1.svg b/assets/images/shop 1.svg new file mode 100644 index 0000000..be82592 --- /dev/null +++ b/assets/images/shop 1.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/assets/images/shopping-bag (1) 1.svg b/assets/images/shopping-bag (1) 1.svg new file mode 100644 index 0000000..d330029 --- /dev/null +++ b/assets/images/shopping-bag (1) 1.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/index.html b/index.html index 85c4e21..07591eb 100644 --- a/index.html +++ b/index.html @@ -28,6 +28,20 @@

+
+ computadores conectados +
+
+
+ loja +
+
+ sacola +
+
+ mão com moeda +
+
\ No newline at end of file diff --git a/styles/styles.css b/styles/styles.css index d7d7392..2c37201 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -49,7 +49,7 @@ header { } .first-section { - margin-top: 73px; + margin-top: 74px; font-family: 'Inter', sans-serif; text-align: center; display: flex; @@ -57,6 +57,12 @@ header { align-items: center; } +.image-section { + display: flex; + justify-content: center; + margin-top: 74px; +} + @media screen and (max-width: 1024px) { .banner-1-desktop { display: none; @@ -64,5 +70,14 @@ header { .banner-1-mobile { display: unset; } + .text-1 { + width: 86.47%; + } + .first-section p { + text-align: center; + } + .image-computer { + width: 57.73%; + } }