Not Found
Not Found
Not Found
Not Found
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

Submitted

Random advice generator

Aayush Jha 380

@Aayush895

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


Although I was able to build this application with ease, I am facing a problem. Whenever random advice is generated, the width and height of the container keep changing. I want the width and height of the container to remain fixed even if the text keeps changing. Is there any way to do that? If there is, then I will be really grateful if you guys can drop your suggestions.

Community feedback

@goodluck1455

Posted

Great job on your code! I noticed a couple of suggestions that might enhance your project:

Consider using height instead of min-height and set it to auto for improved responsiveness. Similarly, use width instead of min-width and set it to your desired width.

Marked as helpful

1

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