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

Responsive Advise Generator Using HTML5/CSS3 Javascript and API

#accessibility#bem#fetch
Nneoma Njoku 1,210

@SatellitePeace

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


I will appreciate any feedback especially. feedbacks about my Javascript code

Community feedback

@DonUggioni

Posted

Hey there,

I tested your app on Firefox and it doesn't seem to be working. It does work on Chrome though.

Might have something to do with the box-shadow on css.

Try adding this line to your CSS:

-moz-box-shadow: 0 0 10px var(--NeonGreen), 0 0 40px var(--NeonGreen), 0 0 80px var(--NeonGreen);

Add the line before the box-shadow you already have.

Hope it works!

Marked as helpful

0

Nneoma Njoku 1,210

@SatellitePeace

Posted

@DonUggioni

Thanks i will definitely try these solutions

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