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

All solutions

  • Submitted


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

    I've decided to adapt the mobile design for small screens to make the card full screen instead of centered with margins.

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

    The main tricky part for me was to include design required properties (font family and colors) into Tailwind CSS using custom config.

    I explored the Tailwind documentation to find out how custom theme works.

  • Submitted


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

    Did someone found in the Figma file where is the box-shadow animation on hover ? I found the animation for the title easily but it seems that the box-shadow animation is set elsewhere or did I miss something ?

  • Submitted


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

    At the beginning I didn't really know how to organize my CSS. Then I choose to design it utility first like Tailwind does. I think this approach produce CSS which is more easily reusable than working with semantic class names (just my opinion though).

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

    Have you some advices on the best way to organize CSS and in your opinion which is the best CSS design pattern between:

    • semantic class names
    • utility first