Design comparison
Solution retrospective
The most difficult thing I found was trying to work with the bootstrap "card" class. I was able to get things working under a "jerry-rig" solution. I ended up having to set a hard coded height and width for cyan hover box. The problem with this is that when you scale it down to mobile, there is slight overlap because the cyan box is codded to 300x300 but needs to be 295x295 when that window is scaled to 375px width.
I think my biggest downfall is being a noob at flexbox and not sure how the interactions work inside of bootstrap. (i.e. developing the box to look good on mobile and then scaling/(or not scaling) when brought to a desktop window size.
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