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
Request path contains unescaped characters
Not Found
Not Found
Not Found

Submitted

Responsive landing page with CSS grid and flexbox

@TheTreeveloper

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


What are you most proud of, and what would you do differently next time?

I am mostly proud that I was able to take on this project and test out everything I had learned so far, and was able to do better than I thought I would. Still a lot to learn but I am happy with the result.

What challenges did you encounter, and how did you overcome them?

Challenges:

  • Having to analyze each section separately whilst keeping in mind that each section is a part of a bigger picture - the landing page.
  • I found it a tad difficult to keep up with my code as this was the most code I had ever attempted to write, but I eventually got used to tracking my code.
  • Certain components didn't turn out as I had hoped, and this might be due to my workflow, I'd really appreciate ideas regarding the workflow!

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