Completed another challenge from Devchallenges.io using Gatsby.js, Bootstrap and React Bootstrap.
The craziest part was I couldn't figure out how to overlap the card on the image responsively and without breaking the layout. It took me several hours and not to mention a hell lot of Googling around to finally figure out the answer was "negative margins" 🙃
But I guess ya'll can relate? 🙃