search

seanmturley / natureddit

A simple Reddit client, featuring a landing page dedicated to nature with posts pulled from a curated list of subreddits.
0 stars 1 forks source link

Add border radius to Card #136

Closed seanmturley closed 9 months ago

seanmturley commented 1 year ago

Description

Adding a slight border radius to the Card component looks nice.

Approach

The border-radius probably has to be applied separately to the img:

border-radius: 2rem 2rem 0 0;

and section.card__body:

border-radius: 0 0 2rem 2rem;

Additional padding will likely be required to make sure the text in div.card__stats is still positioned well.

seanmturley commented 9 months ago

Added a slightly smaller radius than planned - this keeps the effect subtle, whereas the larger radius required a lot of padding to look balanced, which overall produced a "cartoony" effect.