Card Component: Enforce min size for image, break/wrap text for names & titles

code4rena-dev / components-library

Components library for Code4rena, and accessible as a package to be used in React based Code4rena products.

https://components-library-wine.vercel.app

0 stars 0 forks source link

Card Component: Enforce min size for image, break/wrap text for names & titles #43

Closed matthewcsimpson closed 8 months ago

matthewcsimpson commented 9 months ago

The card component and narrow viewports distorts so I enforced a min-width on the image and added word wrapping. Really only affects the narrowest viewport when there is no CTA button.

Before:

After:

closes #39

vercel[bot] commented 9 months ago

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

Name	Status	Preview	Comments	Updated (UTC)
components-library	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 29, 2024 6:27pm

matthewcsimpson commented 9 months ago

Looks good! Just make sure to change the base branch to develop instead of main and increase the package.json version to 3.0.2 :)

Done and done