Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Request path contains unescaped characters
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

@manuelwebdev

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


Decided to keep this one pretty basic since it's my first submission on Frontend Mentor. Open to any feedback on improving this solution.

Community feedback

@ranjithkumark8

Posted

Provide fixed width to the outer container so that each advice will continuously change the width of the container. Try to reduce the font size on the mobile screen

0

@manuelwebdev

Posted

hey @ranjithkumark8 thanks for the feedback. When you say to provide a fixed width to the outer container are you meaning to give it a max-width and a min-width that match so the container doesn't change?

0

@ranjithkumark8

Posted

@manuelwebdev What I'm saying is if we get advice with 3 lines/2lines/1line then container size is varying. To keep it constant we can give the container width constant so that It wouldn't change for every advice.

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