Advice Generator App

Hey!! Cheers 🥂 on completing this challenge.. .

Here are my suggestions..

• You should use <main class="main-box"> instead of <div class="main-box">.
• Go down orderly when you are using the headings h1 down to h2 down to h3 and so on.
• You should add a alt text to your img tag to aid screen-readers.

This should fix most of your accessibility issues

. Regardless you did amazing... hope you find this useful... Happy coding!!!

Looks great, well done 👏

I liked how you used HTML custom data properties for selection in js. The js code is well written and easy to read. why did you place the js and css files in the assets folder, I think they go in a separate folders or just in the root.

You forgot to add the hover effect for the button, you can easily add the effect with the following code box-shadow: -1px 0 40px 2px var(--Neon-Green), 1px 0 40px 2px var(--Neon-Green); filter: brightness(1.1);

Hey ! Great work so far !

So for the element "data-btn-generator" If you want to make it a perfect circle, it needs to have both a height and a width with the border radius at 50%.

As for the JavaScript, it all looks good to me !