UI: Optimize page width and content Spaceing in Roadmap and Usage page

[Biswas-Samrat]

The Usage and Roadmap pages currently have a significant amount of empty space on the right side on wide displays. This creates an unbalanced look and makes long lines of text harder to read.

### Usage Page

### Roadmap Page

[Biswas-Samrat]

@wurstbrot Assign this Issue to me

[vbakke]

The white space is delibarate. These pages contain mainly text. And when the text flows across the entier screen it becomes hard to read, especially on wide screens.

Text sites such as medium.com also limit the width of large text pages.

Feel free to suggest a better layout, though :)

[Biswas-Samrat]

Hi @vbakke , I'm proposing a redesign that uses a two-column split for the roadmap and Usage page. By alternating text and visuals, we can keep the line length between 45 to 75 characters—the gold standard for readability—while making the page more engaging. Let me know your thoughts!

[vbakke]

Two columns is no problem, when there is space for that. 🙂👍
(I was afraid you wanted to covert back to the one column, full width, that was there previously ; )

Having said that, please consider the content as well as the gold standard. Standards means nothing if the outcome is clunky. There are some images there that would not fit a 50 char column. So you'll need to address that as well.

This page has 120-130 chars, and it is not a problem reading it.

[Biswas-Samrat]

Hi @vbakke, Thanks for the insight! I’ll make sure the layout is responsive so that larger images still have plenty of room to breathe while keeping the text comfortable. I'll share a draft soon for you to review

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. 📆 It will be closed automatically in one week if no further activity occurs.