Single Price Grid Component using HTML, Scss, and Bootstrap

Hi all, please checkout my submitted solution. It will be a pleasure to know your perspective, experiences, etc. when developing a website.

Feel free to comment on:

• suggestion to better solutions (or avoid using 'hacks' :D)
• some nit-picks to a more beautiful and responsive front-end design
• development cycle used for faster and efficient process of building a website.
• other advice related to this challenge

Challenges encountered:

1. Border Radius. I used a hacky way to do it. Please see the live site > scss > media queries > border-radius.

2. Sticky Footer. I used a hacky way to do this. (please see live site > html)

• from html, I added class of h-100.
• from body, class="d-flex flex-column h-100"
• from main, I class="flex-shrink-0"
• from footer, I used container class inside the tag

Notes:

• I do not have the same background as the one in the challenge. The repository that I downloaded does not have a background image included.