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

Landing page using Sveltekit and Tailwind

@betaluis

Desktop design screenshot for the Agency landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


This is my first project using Svelte. I enjoyed the framework very much and see myself completing future projects with it.

Some of the more challenging things I came across when working on this project was integrating an intersect observer into the Svelte framework. It took me a minute, but when I figured it out everything was gravy.

I really like how the mobile design turned out. The desktop version is cool, yet I'm not in love with it. The only reason is because on extra large screens I had to put a max width on the content or else the pictures would continue to grow and look low quality. If there's a better way to do this please share!

Have a look around the code if you're familiar with Svelte and let me know if you see anything that could be improved. Thanks!

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