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

Workit Landing Page Using NextJS/Typescript/Tailwind

P
Aleks 330

@reactaleks

Desktop design screenshot for the Workit landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

Getting a hang of tailwind, learned to not do everything at the same time when it comes to building the layout (ex. do sizing first, then fonts etc rather than doing everything on one element ). This is my first project that actually looks like a website.

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

While creating the project i was focusing on doing one element at the time, setting sizing colours font sizes etc. This resulted in messy classes as every element i would add classes in different order. I decided to start from scratch and started with setting sizing to elements first, then moved on to colours and at the end i would position the elements. While still not perfect i am making progress.

What specific areas of your project would you like help with?

I could not make that perfect round bottom border to for sections. I am using border to achieve that but from my understanding it's better to utilise svg for this?

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