Skip to content

Commit 8b233d8

Browse files
saurabh007007saurabh007007
authored andcommitted
fix(bug) fixed the ui for the small and devices and created it responsive as weel
1 parent 3fd9bb9 commit 8b233d8

File tree

1 file changed

+13
-5
lines changed

1 file changed

+13
-5
lines changed

src/components/Support/Support.scss

Lines changed: 13 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,15 @@
11
@import 'functions';
22

33
.support__image {
4-
width: 100px; /* Set a uniform width */
5-
height: 100px; /* Set a uniform height */
6-
object-fit: contain; /* Ensures the image maintains its aspect ratio */
7-
border-radius: 10px; /* Optional: Adds rounded corners */
4+
width: 100px; /* Default width */
5+
height: 100px; /* Default height */
6+
object-fit: contain; /* Maintain aspect ratio */
7+
border-radius: 10px; /* Rounded corners */
88
background-color: white; /* Fallback background */
9-
padding: 3px; /* Add some spacing */
9+
padding: 3px; /* Spacing */
10+
11+
/* Responsive adjustments */
12+
max-width: 100%;
1013
}
1114

1215
.support {
@@ -67,6 +70,11 @@
6770

6871
@media (min-width: 400px) {
6972
max-width: 384px;
73+
.support__image {
74+
width: 60px;
75+
height: 60px;
76+
padding: 2px;
77+
}
7078
}
7179
}
7280

0 commit comments

Comments
 (0)