I made it as close as it can be to the design.
What challenges did you encounter, and how did you overcome them?A lot of challenges, a lot of things I didn't know, a lot of things I had to practice. I might need to create a similar project.
What specific areas of your project would you like help with?Code readibility and general improvement.
Please help me with the dirty code. How can I improve this bumhole of a codebase?
I was able to create a responsive website
What challenges did you encounter, and how did you overcome them?Getting everything right with the font and figma spacing
What specific areas of your project would you like help with?Understanding better how to get and apply font's from the design files
Well done on the challenge and it's also reponsive as well. The code is also well-structured. Just an advice, for the fonts, you can try using Google Fonts to apply it in your later projects. It's also fast and reliable.
The design is really neat! There is no difference in the styling of the component. I think the code is also highly reusable and maintainable. Nice job!
Used Tailwind from start to finish for the first time
What challenges did you encounter, and how did you overcome them?Translating traditional CSS styles to Tailwind. I overcame by using the documentation extensively.
What specific areas of your project would you like help with?Animations and responsive sizing.
Looking really great! It just seems that paddings are not looking the same like the design. However, it looks good on its own. And from the code, I see that the border design is a bit verbose. I think you can use the custom shadow class from Tailwind shadow-[7px_7px_1px_rgba(0,0,0,1)]. It was how I tackled it but to each their own I guess. :)
The solution has semantic HTML, accessible and looks great on a range of screen sizes. The code is also readable and reusable since the props were passed to the card component via the app component. I figured I should use this approach, too. However, for the design, the background shadow is a bit lighter than the solution.
