Submitted almost 3 years ago

Advice Generator App HTML/CSS

Laharl•1,000

@UrbanskiDev

A solution to the Advice generator app challenge

Preview Code

Solution retrospective

Hello, Frontend Mentor coding community. This is my solution for the Advice Generator App.

It was a fun project to do as a first project to test the platform. I simply have a minor issue with the API, which does not refresh the advise presented when making a new request for some reason. Apart than that, everything went smoothly, and I'm eager to take on new challenges in order to become a better developer.

Feel free to leave a feedback on my work.

Code

Couldn’t fetch repository

Please log in to post a comment

Community feedback

Eduardo•200
@EDDuardOo-Code
Posted almost 3 years ago
Congratulations completing your challenge Urban

if you want to show the advice when the pages load you can do that ,adding a event listener
```
btnAdvice.addEventListener('click',() =>{
    getAdvice();
}
)
 window.onload = () =>{
    getAdvice();
}
```
also i like the desing and how you work with css variables, that makes changing colors a lot easier, if you want the card to be center you can use flexbox in the body, something like this
```
body{
    background-color: var(--neutral-dark-blue);
  display:flex;
 justify-content:center;
aling-items:center;
min-height:100vh;
}
```
also it is better to work with classes cause we can reuse the code , id´s can get pretty heavy to work with , overall the project it is really good, hope to see more of your work and also see more of your projects , Keep going 😃👍
Marked as helpful

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