This was an interesting challenge just like the last one. But this was particularly interesting as it allowed me to learn something new. I learned how to use flex-layout as I had never used it before(used grid for most of my work). But I would ask if somebody could recommend some links for more information regarding flex-layout and its uses as well where I could find the syntax for its code. That would be very appreciated.
Thanks
@giovanibulian
Posted
Hi, Soumye.
This comprehensive guide to CSS Flexbox by CSS-TRICKS has been very enlightening in my learning process. I hope it can help you as well.
@soumye6297
Posted
@giovanibulian Thanks for this
@idesmar
Posted
Looks good. Probably could need a better transition from desktop to mobile since the stats class gets too squished and ends up being buried behind the overlay class.
For syntax and better understanding of Flex box, you could check the documentation at https://developer.mozilla.org/en-US/docs/Web/CSS/flex
Best source for documentation in my opinion to get to know the basics are developer.mozilla.org, w3schools.com and a couple of YouTube channels. Look up Kevin Powell on YouTube. He teaches pretty much everything about CSS.
@soumye6297
Posted
@idesmar Thanks for your view. I did read MDN. It worked but somehow wasn't fulfilling. I need some more information. Examples would be even better. But thanks anyway
@idesmar
Posted
@soumye6297 Hi! I haven't been active for awhile since I'm focusing on Javascript.
In case you still need it or you need a refresher, I found a website that could be of help to you.
https://flexbox.help/
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
