I'm building a website. On desktop the maximum width is 1140px. My body font size is 16px.
Both these feels correct. However, when I add text it's too wide to be optimal in readability. See image below:
Be aware that this image looks small in this post. Click to enlarge.
How can I solve that the text is too wide?
What I've tried to far:
- Columns - I did not like when hit the bottom and need to scroll up to read the next column.
- Larger body font - The readability may be increased but it feels and looks strange with "oversized" text. I tried 20px.
- Sidebar - Then I need to have something on the side on every page on the site. That's not an easy task, especially not to the right of this excerpt.
So what I'm looking for is more alternatives the the above. If it's hard to find more alternatives I'm also looking for opinions of which solution I should go for and why.