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

Responsive landing page with React, Svelte and Vue

@rtlsalazar

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


Hello 👋, I'm Moisés and this is how I tackled this challenge. I appreciate any feedback on accessibility or how to optimize and simplify my code. The code is made in three different frameworks: React, Svelte and Vue. My goal was to learn how to achieve the same result with different tools.

🛠️ Built with:

  • Vite
  • SCSS
  • React
  • Svelte
  • Vue

Community feedback

S Mishra 230

@sthitaprajna-mishra

Posted

Hi, congratulations on completing this challenge! Your solution looks very good to me and the fact that you used React+Svelte+Vue is very impressive. I have a couple of observations though, hope they'll be helpful -

  1. The footer section is absent in your solution. Was it a design choice?
  2. In the design files we received in this challenge, the 2 inputs for email have custom validation appearing below them in case of false inputs but in the live solution, I see only the default HTML behaviour for email validation.

I recently completed this same challenge using SASS and vanilla JS, please feel free to critique or comment on it.

Marked as helpful

1

@rtlsalazar

Posted

Hi, thank you very much for your comments!. I didn't realize the footer was missing until I uploaded the result and saw the differences. I don't know how I missed it from the beginning. The input behaviors were intentional, as I consider the default one to be better because it is verbose. @sthitaprajna-mishra

0

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