
Design comparison
Solution retrospective
Well, one thing I'm proud of is that I have been doing this since the first challenge so I already know where I was headed, that way it wasn't hard to handle. Also I want to give a quick thanks to the developers that helped me with my last solution on flexbox (@MohammadSoleimanikia and @mahbt) I didn't have an issue using flex-box this time due to your suggestions on my previous project and it saved me a lot of build time :)
What challenges did you encounter, and how did you overcome them?For my challenges on this project, I had issue making each buttons seat on their own line.. I was using flex but they were all seating close to each other.
How'd I overcame this? Well I opened my chrome developer's tool to mess around with the display positioning a little, I was trying out different options then when I tried 'Grid' it worked perfectly.
So instead of [display: flex] I did [display: grid] and it worked perfectly for me! :)
What specific areas of your project would you like help with?Any is fine, more tips and tricks to make build faster is highly appreciated thank you. :)
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