KeshavAnandCode/tscb-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

typo

Browse Source
This commit is contained in:
Krishna Ayyalasomayajula
2026-03-17 13:28:21 -05:00
parent 3db7c385bd
commit e78e3a980a
2 changed files with 33 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
css/custom.css
View File

@@ -219,6 +219,37 @@ img, picture, video, canvas, svg{
} }
} }
/* Mission Image Responsive Styles */
.mission-responsive-img {
width: 100%;
height: auto;
max-width: 600px;
object-fit: cover;
border-radius: 8px;
}
.mission-circle-img {
width: 100%;
height: auto;
max-width: 200px;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 50%;
display: block;
margin: 0 auto;
}
/* Mobile optimization */
@media (max-width: 768px) {
.mission-responsive-img {
max-width: 100%;
}
.mission-circle-img {
max-width: 150px;
}
}
a{ a{
text-decoration: none; text-decoration: none;
} }

4
index.html
View File

@@ -337,14 +337,14 @@
<!-- Mission Image Start --> <!-- Mission Image Start -->
<div class="mission-img"> <div class="mission-img">
<figure class="image-anime reveal"> <figure class="image-anime reveal">
<img src="images/about.gif" style="width: 450px; height: 750px;" alt=""> <img src="images/about.gif" alt="" class="mission-responsive-img">
</figure> </figure>
</div> </div>
<!-- Mission Image End --> <!-- Mission Image End -->
<!-- Mission Life Circle Start --> <!-- Mission Life Circle Start -->
<div class="mission-life-circle"> <div class="mission-life-circle">
<img src="images/hero-bg.jpg" alt="" style="width: 160px; height: auto;"> <img src="images/hero-bg.jpg" alt="" class="mission-circle-img">
</div> </div>
<!-- Mission Life Circle End --> <!-- Mission Life Circle End -->
</div> </div>