Submitted over 2 years ago

Random Advice Generator

Krishang Sharma• 110

@KrishangSharma

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Advice generator app

HTML
CSS
JS
API

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hey Frontend Mentor community!! It's my second challenge, and I'm already feeling good about my decision to join the platform! Today I've made this Random Advice Generator using HTML, CSS and Vanilla JS. I used the in built fetch API to make HTTPS requests to the API URL! I had a lot of fun making this project. What do you think about this?

Community feedback

Ciceron• 940

@MarcusTuliusCiceron

Posted over 2 years ago

Hello congrats for this challenge, yes I joined the community few weeks ago and I really enjoy it, good challenges, good interraction with other members.

This only things I have notice on your solution is the responsiveness issue.

To fix this you can set width in your card warapper class to:

width: minmax( 90% 550px);

To test responsiveness of your site you have the mobile display button in code inspector on all browser.

Hope this will help you to improve :D

Happy coding

Krishang Sharma• 110

@KrishangSharma

Posted over 2 years ago

@MarcusTuliusCiceron I already knew I will face responsiveness issues.. But I didn't want to make it at that time.. I was being lazy, but I will surely do it! But thanks for your review and suggestion! :)

Prabhash Ranjan• 2,540

@besttlookk

Posted over 2 years ago

Great work.

Only this is increase the font of "advice number:"

Good luck #happyCoding

Krishang Sharma• 110

@KrishangSharma

Posted over 2 years ago

@besttlookk Hey!! Thank you for your precious time! Will surely do that!! :)

Please log in to post a comment

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