Ideate Dashboard

Perfect to practice creating graphs, CSS grid, and much more.

What’s included?
  • Figma file
  • Assets (icons, images, etc)
  • file
  • PNG design files for desktop, tablet, and mobile.
    • Solution to sidebar in tablet mode

      michaellisitsa2 years ago

      How do you make a reasonable tablet mode, was my first question.

      That sidebar takes up part of the page, but if you scroll past it, you're also losing all the hyperlinks.
      So, solution to always have access to hyperlinks was:

      • as you're scrolling down the "graph/referrals" the nav links stick to the top of the page.
      • when you get close to the bottom of the sidebar, a top menu appears with the same nav links. The whole top menu sticks to the top.

      Otherwise, all fairly standard.

Receive Codewell Updates
Be the first to know when we release new templates, add new features, or do giveaways!
“I wish I had found Codewell when I was starting to learn frontend. It would have saved me a lot of time!”
George Moller
Twitter Content Creator

“Codewell’s designs are so well thought out! They are a great way to hone your Frontend dev skills.”
Isaac Arnold
Self-taught Web Developer

“Codewell is the perfect place for upcoming frontend developers to practice and perfect their craft.”
Freddy Montes
Author of 99 Tips for Webdev
Share this challenge