Add partners section to index page.

[lijunray]

Styling could be refined later, but the basic data driven UI is built.

441

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
yuantu	✅ Ready (Inspect)	Visit Preview	Nov 4, 2024 0:50am

[weihanwang]

the images should be centrally aligned vertically. the text should be also centrally aligned vertically.

text should be also centrally aligned horizontally. "中国科学技术大学" should be in a single line and not broken into two lines.

[lijunray]

the images should be centrally aligned vertically. the text should be also centrally aligned vertically.

text should be also centrally aligned horizontally. "中国科学技术大学" should be in a single line and not broken into two lines.

I don't know how to use existing <Section> which is based on grid to do this. I've tried a lot of different things but none worked. On the other hand, using flex will make this super easy. From my experience grid is a deprecated idea in frontend world after flex is out, especially for this case, the UI is simple enough that a flex can perfectly resolve all issues.

There is also not enough space to put all partners in the same line, unless we make the font very small, which is not scalable as well.

[weihanwang]

did you ask chatgpt? re: text on the same line, did you try to reduce spacing in between griditems?

[lijunray]

did you ask chatgpt? re: text on the same line, did you try to reduce spacing in between griditems?

I forced it to not wrap, but then the texts will exceed the border of each element.