Skip to content
Submitted over 1 year ago

Advice generator app using VSC, next.js, react, tailwind.

react, tailwind-css, typescript, next
Karol•3,100
@VillageR88
A solution to the Advice generator app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello my name is Karol and I'm currently learning frontend development.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Fluffy Kas•7,675
    @FluffyKas

    Hey Karol,

    Looks like a good solution. There are only 2 things I'd mention:

    • For interactions, always choose native interactive elements, inputs elements for inputs, a tags for links, and in this case, a button for making the API call.
    • This is a small thing but in cases like this, instead of giving your card 2 different widths, it might be easier to define just one max-width. This way you could avoid that width-jump at 768px.

    Overall great job though, well done.

    Marked as helpful
  • Karol•3,100
    @VillageR88

    This is the previous version.

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