Skip to content
Submitted about 2 years ago

Responsive landing page with Svelte and Tailwind CSS

svelte, tailwind-css, typescript
Alinaswe•170
@Alinaswe3
A solution to the Workit landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Difficulties encountered

  • Dividing sections - the curve between the hero and features section was the most challenging part as it was the first time I encountered such CSS styles.
  • Responsive CSS - Writing good responsive CSS for this challenge was a little bit tricky because of the elements that were absolutely positioned

Questions

  • Tips for writing good CSS - I would like to know the best techniques possible when writing responsive CSS.

Conclusions In conclusion, the challenge was fairly straight forward not many challenges were encountered apart from the ones stated above. I managed to do the project within 24 hours which is a big improvement on my part.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Alinaswe's solution.

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