Time tracking dashboard using grid layout

Community feedback

• 

  bunee•2,020

  @buneeIsSloPosted over 2 years ago

  Hi! @marianefelix, Congrats on completing your first challenge! Your solution looks great and the code is super clean too.

  The only alternative to CSS grids would be CSS flexbox. I understand that working with grids is a bit tricky, but with some more practice, you should get the hang of it. Here are some resources to get better at it:

  • Grid garden
  • Video tutorial on grid-template-areas

  Hope this helps :)

  Marked as helpful

  2

  ---

  

  Mariane Felix•60

  @marianefelixPosted over 2 years ago

  hiii, @buneeIsSlo, thank you so much for the feedback! Thanks for the links too, I'll make sure to check them out! :)

  1
• 

  P

  Skyz Walker•1,045

  @Skyz03Posted over 2 years ago

  Hi Mariane, Great work on completing the challenge. There a some other ways to achieve same thing in grids as bunee mentioned about grid template areas. Here is another official resource from MDN web docs I would like you to refer where all available methods with video explanations plus. A quick go around grid template area is available. Have a look its a good place to start.
  Link: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Grids

  Marked as helpful

  0

  ---

  

  Mariane Felix•60

  @marianefelixPosted over 2 years ago

  @Skyz03, thanks for your comment! I'm gonna take a look at this resource too. :)

  0
• 

  Imad Atyat-Allah•285

  @imadatyatalahPosted over 2 years ago

  It looks really nice tho, Make sure to add a hover state to ellipsis icon to achieve that you can use the SVG directly and then add hover state in your CSS code by using fill property

  Marked as helpful

  0

  ---

  

  Mariane Felix•60

  @marianefelixPosted over 2 years ago

  oh, I had issues with that, actually. Thank you, @imadatyatalah!

  0