stats preview card using grid

Community feedback

• 

  Muhammad Zohaib•270

  @codefolkPosted about 2 years ago

  Hey @irmakaleem, Congratulations on your new solution. There are few suggestions I would like to give you. You should start with mobile view first and add complexities later. Avoid giving heights to elements the container will set its height depending upon the content in it. Also add a media-query at 768px to switch to desktop view for tablets and Pcs. For grid, also define rows even if there is one row. You can use grid-template-areas for specifying where the content belong in HTML. Try using % for giving widths, it's more responsive. For desktop view, you can use width:100vw and height:100vh to avoid overflow. Happy Coding.

  Marked as helpful

  0

  ---

  

  irma•60

  @irmakaleemPosted about 2 years ago

  @codefolk thank you for the suggestions

  1