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

Harris N. 50

@Harris170

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


Built With:

SvelteKit.

Feedback is welcome!

Community feedback

@TroneciAndrei

Posted

Excellent work 👍 keep up and enjoy what you have learned!

The layout seems to look good on all the screen size and I like how you structured the code and the fact that you use vite and not create-react-app that is a good thing

The others already told you what you change I don't see anything else!

1

Harris N. 50

@Harris170

Posted

@TroneciAndrei Really appreciate your feedback. Thanks!

0
Luka Glonti 3,440

@lack21

Posted

Excellent work 👍, but I have a suggestion!

  • Remove width: 100% from the .svelte-1ff3rsw, .svelte-1ff3rsw which is located in div is a block level element which by default takes full space available, so width: 100% does nothing here!
1

Harris N. 50

@Harris170

Posted

@lack21 Thankyou for pointing that out! I have removed it.

0

@Kamlesh0007

Posted

Hey there! I noticed that your React app can take some time to load, and it might be a good idea to add a loader to improve the user experience.

To add a loader in React, you can create a new component called Loader and use it to display a loading message or animation until your content has loaded. You can then conditionally render your Loader component based on the state of your app.

0

Harris N. 50

@Harris170

Posted

@Kamlesh0007 Thankyou for feedback. I will look into this.

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