CSS misaligned on main page

solid / solidproject.org

Website for solidproject.org

https://solidproject.org

MIT License

150 stars 103 forks source link

CSS misaligned on main page #866

Closed michielbdejong closed 5 months ago

michielbdejong commented 6 months ago

csarven commented 6 months ago

I presume this has to do with the new item being added to the homepage ( introduced in https://github.com/solid/solidproject.org/pull/863 ) and to handle arbitrary number of items. I've pushed a fix into https://github.com/solid/solidproject.org/commit/d565ea3f639d812ff62d8583d1212128509433b6 . That should work. Let me know / close issue at will.

I've made the best guess here because we don't have IA / UX documentations or a style guide.

michielbdejong commented 5 months ago

Much better, thanks a lot! That fixes the missing grid lines:

But I think there still is a text indentation problem. I would expect texts to be left-aligned, so that "Develop an app with Solid" starts at the same x position as "Read about Solid". Instead it seems each text is centered?

michielbdejong commented 5 months ago

That's better! And I learned something about CSS grids in the process :) Thanks!