Responsive Result Summary Component Preview using grid,flex,em,rem

Community feedback

• 

  Min Naing Ko Ko•210

  @minnaingkokoPosted over 1 year ago

  Great Job! Keep going.

  Marked as helpful

  0

  ---

  

  KyleIsaacMendoza•250

  @KyleIsaacMendozaPosted over 1 year ago

  @minnaingkoko thank you

  1
• 

  Abdul Khaliq 🚀•72,560

  @0xabdulkhaliqPosted over 1 year ago

  Hello there 👋. Congratulations on successfully completing the challenge! 🎉

  • I have other recommendations regarding your code that I believe will be of great interest to you.

  ---

  CSS 🎨:

  • let me explain, How you can easily make the design as responsive.

  ---

  • The current media-query with 1440px has some disadvantages which lacks to responsive on certain laptop screens, it will only suited for desktops with larger moniter.

  @media screen and (min-width: 1440px) {
       // Styles
  }
  

  • Instead try this media-query with 56.25em, it ensures the device if more than tablet screen

  @media screen and (min-width: 56.25em) {
        // Styles
  }
  

  ---

  .

  I hope you find this helpful 😄 Above all, the solution you submitted is great !

  Happy coding!

  Marked as helpful

  0

  ---

  

  KyleIsaacMendoza•250

  @KyleIsaacMendozaPosted over 1 year ago

  @0xAbdulKhalid Ohh i see, Thank you and i'll take note on that.

  0