
Stats Preview Card built using Flexbox and Grid
Design comparison
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.
Community feedback
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