Skip to content
Submitted almost 3 years ago

Fylo Landing Page with Vanilla JS, SCSS, and BEM

Ken•4,915
@kens-visuals
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Fylo landing page with two column layout
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

This project brought me closer to the end of the JUNIOR level. There's only one project left and a couple of days till the end of the year. Which means that I'm so very close to achieving my goal of finishing every challenge in this JUNIOR level. Not a lot to say about this project, the only challenge I had was the pattern image, but it wasn't much of a challenge at the end of the day. One more challenge and I can call it a year!

If you have any suggestions, feel free to leave them in the comments' section 👨🏻‍💻 Cheers 👾

Community feedback

  • Ben•770
    @BenConfigPosted almost 3 years ago

    This is really nice. I like how the elements come in from the sides as you scroll down. I really need to learn how that works.

    2
    Ken•4,915
    @kens-visualsPosted almost 3 years ago

    Hey @BenConfig 👋🏻 thanks for the compliment.

    Here are some links about IntersectionObserver API, check them out, it's pretty easy.

    MDN Docs Kevin Powell's video Web Dev Simplified

    These are some resources to start with, once you get the hang of it you'll come up with fancier animations and other cool stuff 👨🏻‍💻 Cheers 👾

    1
  • Aakash Verma•6,710
    @skyv26Posted almost 3 years ago

    Nice!

    1
    Ken•4,915
    @kens-visualsPosted almost 3 years ago

    Appreciate it @skyv26 😇

    1

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