Time tracking dashboard |HTML| |CSS| |JS|

Community feedback

• 

  Jay Khatri•4,270

  @khatri2002Posted about 2 months ago

  Hi @abhi-zero!

  The developed solution looks great! The responsiveness is well-handled! Fantastic job on that.

  I have a minor suggestion regarding the UI. If you carefully observe the desktop resolution, the gap between the profile card and the activity cards appears to be larger compared to the gaps between the activity cards themselves. According to the design reference, all row and column gaps between the cards should be consistent.

  The reason for this inconsistency is that different gap values are assigned to the grids:

  #dashboard-wrapper {
      gap: 1.875rem;
  } 
  
  #dashboard-wrapper .card-section {
      gap: 1.25rem;
  }
  

  To ensure uniform spacing, make sure both gap values are the same. You could also define a CSS variable for the gap and use it in both places, making it easier to maintain consistency without manually adjusting multiple values.

  The rest of the solution looks fantastic! This is an amazing implementation! Great job! 🚀

  Marked as helpful

  0

  ---

  

  Abhi•490

  @abhi-zeroPosted about 2 months ago

  @khatri2002 Thank you, sir, for pointing out the style error. I'll change it as soon as possible. I usually use custom variables for spacing and fonts, but I completed this project in a hurry, which is why I forgot.

  1
• 

  Opeoluwa•290

  @opeoluwa7Posted about 2 months ago

  looks great, congratulations

  1

  ---

  

  Abhi•490

  @abhi-zeroPosted about 2 months ago

  @opeoluwa7 Thank you, sir, for checking my solution.

  0