JaneliaSciComp / ossi-website

Website showcasing Janelia Open Science Software Intiative (OSSI) supported software projects and other software developed at Janelia.
https://ossi.janelia.org
BSD 3-Clause "New" or "Revised" License
1 stars 16 forks source link

OSSI page alignment #255

Closed krokicki closed 4 months ago

krokicki commented 4 months ago

The alignment of the text on the OSSI page is kind of squished to the left. Could the text area be centered and a bit wider to make it easier to read?

Screenshot 2024-05-28 at 9 42 41 AM

allison-truhlar commented 4 months ago

@krokicki I increased the left padding and the text size - before: before and after (on branch ossi-page-alignment): OSSI-after

I didn't want to expand the column width too much, to keep the number of characters per line readable, and I didn't want to add too much extra padding, to keep the look of this page aligned with the others. Let me know if you'd prefer further tweaks, though!

krokicki commented 4 months ago

That's much better!

A lot of sites will center the text content column on the page, because on a very large screens it's a little awkward to have all the content to one side. Basically what you did on the blog pages, so as you make the window wider the content stays in the middle for easy reading. But maybe that's a preference, and I think it's okay now if you prefer it styled this way.

allison-truhlar commented 4 months ago

@krokicki I think I've adjusted the styling now to address both of our thinking/preferences. Now, all the content, including the hero, is left-aligned but overall centered in the page on the homepage and the OSSI page. I kept the hero left-aligned on the Projects and Ecosystems search pages, and it aligns with the left side of the content on those pages (which fills the page better due to the card grid).

This video attempts to demo what I'm getting at above: https://www.awesomescreenshot.com/video/28109629?key=72b131b4e305f09556007dc922868251

krokicki commented 4 months ago

Perfect, thank you!