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

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

#react#tailwind-css#typescript#next
P
Karol 1,400

@VillageR88

Desktop design screenshot for the Advice generator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

Community feedback

P
Fluffy Kas 7,735

@FluffyKas

Posted

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

0
P
Karol 1,400

@VillageR88

Posted

This is the previous version.

0

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