diff --git a/assets/Css/Styles.css b/assets/Css/Styles.css
index 6f57662..eb1da82 100644
--- a/assets/Css/Styles.css
+++ b/assets/Css/Styles.css
@@ -69,7 +69,7 @@ background: #000000;
grid-template-columns: repeat(3,max-content);
gap: 20px;
justify-content: center;
- padding: 142px 0 180px;
+ padding: 142px 0 80px;
}
.CardBox{
display: flex;
@@ -90,6 +90,32 @@ background: #000000;
font-size: 16px;
line-height: 24px;
}
+.MidBanner{
+ margin: 80px 0 0;
+ background: rgba(224, 224, 224, 1);
+
+}
+.wrapper{
+ max-width: 100%;
+ display: grid;
+ gap: 40px;
+ grid-template-columns: 30% 30% 30%;
+ justify-content: center;
+ padding: 32px 30px 32px;
+ position: relative;
+ top: 60px;
+}
+.midCard{
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.midimg{
+ display: block;
+ width: 100%;
+}
+
+
@media screen and (max-width: 1023px) {
.MainBannerDesktop{
display: none;
@@ -124,7 +150,23 @@ background: #000000;
gap:24px;
justify-items: center;
}
-
+ .wrapper{
+ gap: 14px;
+ grid-template-columns: none;
+ grid-template-areas:
+ "img2 img1"
+ "img3 img3"
+ ;
+ }
+ .img1{
+ grid-area:img1;
+ }
+ .img2{
+ grid-area:img2;
+ }
+ .img3{
+ grid-area:img3;
+ }
}
@media screen and (min-width: 1024px) {
.MainBannerMobile{
@@ -166,4 +208,4 @@ background: #000000;
font-size: 38px;
line-height: 28px;
}
-}
+}
\ No newline at end of file
diff --git a/assets/Image/MidNotebook2.png b/assets/Image/MidNotebook2.png
new file mode 100644
index 0000000..f7ed233
Binary files /dev/null and b/assets/Image/MidNotebook2.png differ
diff --git a/assets/Image/MidNotebook3.png b/assets/Image/MidNotebook3.png
new file mode 100644
index 0000000..1d1cbd6
Binary files /dev/null and b/assets/Image/MidNotebook3.png differ
diff --git a/assets/Image/midNoteBook1.png b/assets/Image/midNoteBook1.png
new file mode 100644
index 0000000..cc13ced
Binary files /dev/null and b/assets/Image/midNoteBook1.png differ
diff --git a/index.html b/index.html
index 7fbb7f3..9cacdf8 100644
--- a/index.html
+++ b/index.html
@@ -4,19 +4,19 @@
Desafio Landing page
-
-
+
+ 
- 
+ 
+ 
+ 
+ 
 1.png)
+  1.png)
+ 
+ 
+ 
+