One quick solution is to increase the font size in the body. Larger text size makes things easier to read. Thanks to the cascade and em units, all text on a web page will automatically increase.
Another preference for improving readability is increasing the space between lines in paragraphs and content with the line-height property. Spaces between lines break the wall of text and rivers of white, making text more readable and user-friendly.
To avoid content shifting and horizontal scrolling caused by long images, set a maximum width of 100% for images. This may not be fool-proof due to margins and paddings, but works in most cases.
Limit the width of text within content by setting a maximum width of 65ch for paragraphs. This tactic helps avoid excessive text width and improves the overall layout of the content.
[
Collection
]
[
|
...
]