Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
41
Comments
2
wuts
@waldosmuts

All comments

  • Marco Wang•180
    @marco3724
    Submitted over 3 years ago

    dropdown menu

    1
    wuts•880
    @waldosmuts
    Posted over 3 years ago

    Looks great in both 1440p and 375p resolutions.

    Might I suggest setting the width to auto on desktop resolution and adding some margin to the right of it. The same can be done for the mobile resolution by setting only the height to auto. If viewed in any resolution other than 1440p or 375p it causes the image to stretch.

    When it comes to the mobile view of the side-navbar I'd recommend the having the dropdowns show on click instead of hover since clicking elsewhere causes the dropdown to disappear for mobile users.

    Also just remove the shadow and background on the dropdowns in mobile view and remember to put your name and link in the footer.

    Hope this was helpful!

    Marked as helpful
  • Ben•770
    @BenConfig
    Submitted almost 4 years ago

    Social Media Dashboard (HTML, SASS, CSS Grid, BEM, JS)

    1
    wuts•880
    @waldosmuts
    Posted almost 4 years ago

    You can animate the transition by adding a transition property to your elements. I set my body transition to 0.4s for all elements, should work for you too.

    Marked as helpful

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