single price card using css grid and flexbox

Hey Rodrigo, It looks good!...

My suggestions:

• I suggest you put the Why Us content into the list item to add more semantics to your project.

<ul class="why-us-list">
   <li>Tutorials by industry experts</li>
   <li>Peer & expert code review</li>
   <li>Coding exercises</li>
   <li>Access to our GitHub repos</li>
   <li>Community forum</li>
   <li>Flashcard decks</li>
   <li>New videos every week</li>
</ul>

• I suggest you center the component on the page with Flexbox, by giving the parent element <main> the following properties:

main {
   display: flex;
   justify-content: center;
   align-items: center;
   min-height: 100vh;
 }  

Hope this is helpful to you... Keep coding👍