Skip to content

Commit 04f5ca4

Browse files
committed
Fix award logo sizing and disable zoom
Add a no-zoom class to award images and update CSS to enforce consistent logo appearance. assets/css/main.css now applies a fixed width (w-[84px]), aligns the image left (object-left), and resets borders/radius (border-0 rounded-none) for .award-entry__logo to prevent browser zoom/rounding and keep layout stable. community_review.md adds the no-zoom class to the image markup.
1 parent 8f168db commit 04f5ca4

2 files changed

Lines changed: 2 additions & 2 deletions

File tree

assets/css/main.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1036,7 +1036,7 @@ html.accessible { --color-accent: #fde047; --color-accent-dark: #fde047; --col
10361036
}
10371037

10381038
.award-entry__logo {
1039-
@apply h-8 w-auto flex-shrink-0 object-contain my-0;
1039+
@apply h-8 w-[84px] flex-shrink-0 object-contain object-left my-0 border-0 rounded-none;
10401040
}
10411041

10421042
.award-entry__name {

community_review.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ I am very fortunate to have been awarded the following community recognitions:
1515
<div class="award-entry">
1616
<div class="award-entry__header">
1717
<div class="award-entry__info">
18-
<img src="{{ award.logo | prepend: site.baseurl }}" alt="{{ award.name }}" class="award-entry__logo">
18+
<img src="{{ award.logo | prepend: site.baseurl }}" alt="{{ award.name }}" class="award-entry__logo no-zoom">
1919
<div>
2020
<p class="award-entry__name">{% if award.url %}<a href="{{ award.url }}">{{ award.name }}</a>{% else %}{{ award.name }}{% endif %}</p>
2121
{% if award.category %}<p class="award-entry__category">{{ award.category }}</p>{% endif %}

0 commit comments

Comments
 (0)