Submitted 2 months ago
Product Preview Card Component HTML, SCSS
@Dacardonac
Design comparison
SolutionDesign
Community feedback
- @StroudyPosted 2 months ago
You smashed this challenge, 100 in all four categories on lighthouse and all the other good stuff! One thing I noticed
- Line height is usually unitless to scale proportionally with the font size, keeping text readable across different devices. Best practice is to use a unitless value like
1.5
for flexibility. Avoid using fixed units likepx
or%
, as they don't adapt well to changes in font size or layout.
.card__description { color: var(--dark-grayish-blue); font-size: .881rem; line-height: 1.438rem; }
Other than there I cant find anything wrong at all! Great job!
Marked as helpful0 - Line height is usually unitless to scale proportionally with the font size, keeping text readable across different devices. Best practice is to use a unitless value like
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord