Bug: Images render inconsistently on mobile (some appear too small) #157
Description
Description
While reading the blog post "Avoid Consecutive Partitions" on mobile devices, some images are rendered extremely small and become difficult to read. However, other images in the same article render correctly and scale properly with the screen width.
This creates an inconsistent reading experience on smaller screens.
Blog URL
https://datafusion.apache.org/blog/2025/12/15/avoid-consecutive-repartitions/
Problem
On mobile view:
- Some diagrams render very small and unreadable
- Other diagrams scale correctly and remain clearly visible
This suggests that images are not being rendered with a consistent responsive style.
Example 1 — Image renders too small (Problem)
When opened on mobile, this diagram appears very small and the text inside becomes difficult to read.
Example 2 — Another image with the same issue
This diagram also renders very small on mobile devices.
Example 3 — Correct rendering (Expected behavior)
This image scales properly and remains readable on mobile screens.
Expected Behavior
All images should behave like the correctly rendered example and:
- scale responsively
- occupy an appropriate width of the container
- remain readable on smaller screens
Example CSS approach:
img {
max-width: 100%;
height: auto;
}