Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted almost 3 years ago

Stats Preview Card built using Flexbox and Grid

sass/scss
Kostya Farber 🧟‍♂️•220
@kostyafarber
A solution to the Stats preview card component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


This one was fun! I had a better time importing the fonts to get the correct weights from Google.

I also learnt how to implement the CSS grid the the stats portion. However had some trouble getting the card to scale properly for mobile and generally when resizing the viewport. Would be great to get some feedback on that and also some general tips on organising my HTML/CSS

Thanks!

edit Spruced this one up a bit! I love Dall-E and thought I'd do a homage to the platform. I generated the pixelated castle and made it into a sticker! I also grabbed an awesome font from Behance called Yapari check it out! Also the folks at Hover.css have some awesome effects which I added to the blue text. My intended effect was to personify the buzz that Dall-E is generating.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Kostya Farber 🧟‍♂️'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
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License