Skip to content

Commit 61f07f4

Browse files
Update style.css
1 parent 5611a1f commit 61f07f4

File tree

1 file changed

+23
-1
lines changed

1 file changed

+23
-1
lines changed

dist/css/style.css

Lines changed: 23 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2583,6 +2583,28 @@ button {
25832583
}
25842584

25852585

2586+
/* Responsive image styling */
2587+
.oshanki img {
2588+
width: auto; /* Maintain aspect ratio */
2589+
max-width: 100%; /* Ensure the image does not overflow the container */
2590+
height: auto; /* Adjust height proportionally */
2591+
margin-top: 10px; /* Initial downward shift */
2592+
}
2593+
2594+
@media (max-width: 768px) { /* For tablets and smaller devices */
2595+
.oshanki img {
2596+
max-width: 80%; /* Resize image for smaller screens */
2597+
margin-top: 15px; /* Slightly increase downward shift for tablets */
2598+
}
2599+
}
2600+
2601+
@media (max-width: 480px) { /* For phones */
2602+
.oshanki img {
2603+
max-width: 90%; /* Further reduce image size for phones */
2604+
margin-top: 20px; /* Increase downward shift for compact screens */
2605+
}
2606+
}
2607+
25862608
.footer-brand a {
25872609
color: #EBEFFA;
25882610
font-family: 'Poppins', sans-serif;
@@ -3513,4 +3535,4 @@ svg{
35133535
display: none;
35143536
}
35153537

3516-
}
3538+
}

0 commit comments

Comments
 (0)