Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Fylo Landing Page with Vanilla JS, SCSS, and BEM

#accessibility#sass/scss#bem
P
Ken 4,915

@kens-visuals

Desktop design screenshot for the Fylo landing page with two column layout coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

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

@BenConfig

Posted

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

P
Ken 4,915

@kens-visuals

Posted

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
P
AK 6,700

@skyv26

Posted

Nice!

1

P
Ken 4,915

@kens-visuals

Posted

Appreciate it @skyv26 😇

1

Please log in to post a comment

Log in with GitHub
Discord logo

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