Skip to content
Submitted 10 months ago

css grid tailwind-css

Rishabh Dhawan•30
@j-lr
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Time tracking dashboard
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Responsive design mode on safari on macOS contains minor horizontal scroll for iPhoneSE but on chrome (on same macOS) for iPhoneSE dimensions no horizontal scrolling is present, so I am confused which one is correct?

Community feedback

  • at33v•40
    @at33vPosted 10 months ago

    Hello, try doing the following:

    1. Reduce the gap(gap-16) on the element with the identifier id

    The issue is that a large gap is possibly pushing the content, causing a scroll bar to appear.

    Marked as helpful
    0
    Rishabh Dhawan•30
    @j-lrPosted 10 months ago

    Absolutely spot-on! Thanks a lot, buddy! 👍🏻 Got any more tips for improvement?

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord