diff --git a/assets/images/img/topLaptopmobile.png b/assets/images/img/topLaptopmobile.png
new file mode 100644
index 0000000..098a4dc
Binary files /dev/null and b/assets/images/img/topLaptopmobile.png differ
diff --git a/assets/styles/main.css b/assets/styles/main.css
index d3e71aa..ac9e535 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -16,10 +16,11 @@ body{
.header img{
}
-.topbanner img{
- height: 100%;
+.topbannerdesktop{
width: 100%;
-
+}
+.topbannermobile{
+ display: none;
}
.topinfo{
display: flex;
@@ -117,6 +118,16 @@ body{
}
+@media screen and (max-width: 1023px){
+ .topbannerdesktop{
+ display:none;
+ }
+ .topbannermobile{
+ width: 100%;
+ display: block;
+ }
+}
+
@media screen and (max-width: 1439px){
.topinfo-texts{
min-width: 86%;
@@ -149,7 +160,7 @@ body{
margin: 0 10%;
}
.topcards-wrapper{
- margin-top: 90px;
+ margin-top: 32px;
margin-bottom: 80px;
flex-direction:column;
gap:24px;
@@ -160,6 +171,7 @@ body{
}
.middle-wrapper{
+ top:32px;
}
.gridimg{
@@ -169,7 +181,7 @@ body{
grid-row-gap: 24px;
grid-column-gap: 14px;
width: 100%;
- margin:32px 23px;
+ margin: 0 23px;
}
.middle-img1{
width: 100%;
diff --git a/index.html b/index.html
index 271f276..3b6292a 100644
--- a/index.html
+++ b/index.html
@@ -19,7 +19,10 @@