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

Wavy footer, flexbox, grid, interesting additions🔥

@RyanAbdaul

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


In this design, I didn't follow exactly the requirments becasue in the end, I'm not doing real work, it's just a challenge, so sometimes I like adding my print in the design, I love going off on a tangent if it's possible of course, anyway without further ado let's kick it off.

  • I've made a wavy footer for the second section in the landing page. Actually, I was asked only to put something on the top of the section which it's going to make it look a wavy background, but I
  • I've made the landing's images floating ones. I made them like that, so it looks like the images are floating on the page. "Because of the wavy backgound of course".
  • Adding some extra animations and making the website alive.

Community feedback

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