Skip to content
Submitted over 3 years ago

Meet Landing Page w/ Scrolling Fade In! 📜

Fraser Watt•1,790
@fraserwat
A solution to the Meet landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Experimented with a scrolling fade in. Ideally in a real-world application of this I guess you'd have it with a longer page (doesn't feel right on larger screens) but I'm pleased with how it turned out.

Any adjustments v much appreciated! 👍

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Marlon Passos•920
    @MarlonPassos-git

    Very cool scrool animations, is there a way to do this only with css? some suggestions:

    • You could have organized your content in the <header> <main> <footer> tags it would have been much more legive.

    • I would remove the width: 100% of the image__container as it has on some screen sizes it is inconsistent, see https://prnt.sc/1vmt6xk

    • "What is it?" it should be an <a> tag as it will take the user to another page and this makes more semantic sense

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