Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • @archihalder

    Posted

    The mobile view looks good. But the desktop view needs a few modifications -

    1. Try to align "Social Media Dashboard" heading, Dark mode toggle, "Overview Today" heading and the bottom cards like the top cards
    2. You can try using grid instead of flex
    3. Try to match the given design as much as possible. I'm not telling you to go for pixel perfection, but one thing you can do to achieve this is by opening your project and the design jpg side-by-side in vscode (or any editor) and then eyeball it. Honestly, I'm not good at this either, but this trick has helped me a lot.
    4. Try to implement the hover effect on the cards and the dark mode toggle. Check the active state jpg for more info.

    All the best. Happy coding!

    1