Context
Some blog posts render an image/banner (e.g. homepage screenshot in "Ossium vs GitHub Explore") that breaks or overflows on mobile viewports.
Problem
The embedded image does not scale properly on smaller screens. It either overflows horizontally, gets cropped awkwardly, or forces horizontal scroll.
Expected
- Image should be fully responsive (
max-width: 100%, proper aspect-ratio handling)
- No horizontal overflow on mobile
- Maintain visual quality without looking stretched or pixelated
Acceptance Criteria
Notes
Affects posts that include product screenshots / hero images.
Low priority polish item.
Context
Some blog posts render an image/banner (e.g. homepage screenshot in "Ossium vs GitHub Explore") that breaks or overflows on mobile viewports.
Problem
The embedded image does not scale properly on smaller screens. It either overflows horizontally, gets cropped awkwardly, or forces horizontal scroll.
Expected
max-width: 100%, proper aspect-ratio handling)Acceptance Criteria
Notes
Affects posts that include product screenshots / hero images.
Low priority polish item.