single price card using css grid and flexbox

Community feedback

• 

  Ahmed Bayoumi•6,740

  @Bayoumi-devPosted over 2 years ago

  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👍

  Marked as helpful

  0