Skip to content
Submitted about 3 years ago

Stats-Preview-Card-Component

bem
Jason Greenwald•200
@jaycgreenwald
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

When I was testing, I noticed that very quickly the desktop version was wider than the screen. Most of the card was covered until the screen was narrow enough to invoke the mobile design. I freelanced and added an "in between" version that made the desktop design a column instead of a row. I used flex-wrap to achieve this.

  1. Is that okay? And did my solution work?
  2. How are my BEM naming conventions?
  3. I used CSS to add the decorative/hero image. Is this okay? Since the image was decorative, I thought taking it out of the html would not negatively affect accessibility.
  4. Other thoughts and insights?
Code

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Jason Greenwald's solution.

Join 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