Skip to content
Submitted over 3 years ago

Mobile first Flexbox CSS Grid CSS Animation

SAMIR HEMBROM•505
@samirhembrom
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Project tracking intro component
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hi, I wanted input on the animation I used. I tried to add animation a bit smoother from the earlier challenge. Would appreciate any suggestion. Thanks :)

Community feedback

  • Account deleted

    Hi,

    The animations are ok. The picture is creating a horizontal scroll, I suggest you should put it's container on overflow-x: hidden so the whole page can stop having a side-side scroll. Just after switching to desktop, exactly at 769 the login link is out of frame, the picture is vertically stretched, hence looks weird. How about you fix that.

    Keep on coding.

    2
    SAMIR HEMBROM•505
    @samirhembromPosted over 3 years ago

    @thulanigamtee Thanks, I went through the code, I had set a fixed width to navigation (don't know why 🤔) and I will set a fixed height and width for the picture. I don't know why overflow doesn't seem to work for Chrome. It seems to be working fine with Firefox.

    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