Design comparison
Solution retrospective
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
Community feedback
- @giovanibulianPosted over 3 years ago
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.
0 - @idesmarPosted over 3 years ago
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.
0@soumye6297Posted over 3 years ago@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
0@idesmarPosted over 3 years ago@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/
0
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