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

CMP2007 210

@CMP2007

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


What are you most proud of, and what would you do differently next time?

On the next occasion I will finish the css styles before starting the js functionality, since in this project I started the js before finishing the styles, which caused a conflict when modifying the desktop photo and the mobile photo, resulting in a delay in carrying out the project

What challenges did you encounter, and how did you overcome them?

resolvi el conflicto entre los estilos css y la funcionalidad js escribiendo de nuevo el código, pero esta vez poniendo especial atención en cada uno de los datos y elementos involucrados, al percatarme de que el comportamiento anormal era originado por el conflicto css fue fácil resulverlo

What specific areas of your project would you like help with?

I would appreciate any type of recommendation or correction if you see any errors.

Community feedback

@crystalblade1

Posted

Nice solution but i believe the point of the project was to use the API given to fetch the advices from it. I did the same at first, created an array of advices then i saw the other solutions and realized that, then tried to use the API. I'm still trying to fix mine.

0

CMP2007 210

@CMP2007

Posted

True You are right, I forgot to incorporate the API, thanks for making me see my mistake, I will get to work @crystalblade1

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