Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
2
Comments
2
Simon
@LemoineSimon

All comments

  • Rishi Purwar•285
    @rishipurwar1
    Submitted about 5 years ago

    Social media dashboard with theme switcher(No framework/library)

    1
    Simon•220
    @LemoineSimon
    Posted about 5 years ago

    Good work !

    The code is good and the production is almost identical to the model! The use of the background-clip is smart and very interesting!

    To go further, you could try to manage the dark theme with CSS variables, it would be more dynamic and you would not have to overload all your components with classes dedicated to the theme.

    Go on like this!

  • Sebastian Golbert•120
    @SGolbert
    Submitted about 5 years ago

    Responsive social media dashboard

    1
    Simon•220
    @LemoineSimon
    Posted about 5 years ago

    Hi Sebastian, here's some tips I can give you to go a little further on this integration: You can combine the style of your '.dashboard-element' and '.overview-item', they visually have the same appearance. Also the ':before' of your '.dashboard-element' generates glitch at the lower borders, you avoid that by using an overflow: hidden instead of an overflow: inherit, put border-radius on each corner. And on :before, remove the bottom properties and the negative margin-top and use var (-- card-top-border) for the height. And don't forget the z-index at 1 :)

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub