Skip to content

Commit 3b8f033

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 3b8f033

File tree

2 files changed

+14
-6
lines changed

2 files changed

+14
-6
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

yarn.lock

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2107,7 +2107,7 @@
21072107
"@octokit/plugin-request-log" "^5.3.1"
21082108
"@octokit/plugin-rest-endpoint-methods" "^13.0.0"
21092109

2110-
"@octokit/types@^13.0.0", "@octokit/types@^13.5.0", "@octokit/types@^13.6.2", "@octokit/types@^13.7.0":
2110+
"@octokit/types@^13.0.0", "@octokit/types@^13.5.0":
21112111
version "13.8.0"
21122112
resolved "https://registry.yarnpkg.com/@octokit/types/-/types-13.8.0.tgz#3815885e5abd16ed9ffeea3dced31d37ce3f8a0a"
21132113
integrity sha512-x7DjTIbEpEWXK99DMd01QfWy0hd5h4EN+Q7shkdKds3otGQP+oWE/y0A76i1OvH9fygo4ddvNf7ZvF0t78P98A==

0 commit comments

Comments
 (0)