About page image too small - text unreadable (about-image.webp) #174

New Issue

Closed

opened 2026-05-18 09:26:18 -05:00 by null · 1 comment

null commented

2026-05-18 09:26:18 -05:00

Owner

Bug

The about-image.webp on the About page is rendered too small to read any text in the image. The source image is 1536x1024 but constrained by max-h-96 (384px), which shrinks it enough that text content becomes illegible.

This is the compass/directions image referenced in #162 as well.

Location

src/pages/About.jsx line ~51:

<img 
  src="/assets/about-image.webp"
  alt="Queue North Technologies team providing business communications solutions" 
  className="w-full max-h-96 h-auto object-cover"
/>

Fix Options

Remove max-h-96 and let the image render at full width/height so text is readable
Increase the max height significantly (e.g. max-h-[600px] or max-h-[700px])
If the image contains important text, consider extracting that text into actual HTML/text content beside the image instead

Note: This also ties into #162 item 4 (compass picture too small to read).

## Bug The `about-image.webp` on the About page is rendered too small to read any text in the image. The source image is 1536x1024 but constrained by `max-h-96` (384px), which shrinks it enough that text content becomes illegible. This is the compass/directions image referenced in #162 as well. ## Location `src/pages/About.jsx` line ~51: ```jsx <img src="/assets/about-image.webp" alt="Queue North Technologies team providing business communications solutions" className="w-full max-h-96 h-auto object-cover" /> ``` ## Fix Options 1. Remove `max-h-96` and let the image render at full width/height so text is readable 2. Increase the max height significantly (e.g. `max-h-[600px]` or `max-h-[700px]`) 3. If the image contains important text, consider extracting that text into actual HTML/text content beside the image instead Note: This also ties into #162 item 4 (compass picture too small to read).