issues
HTML & CSS - Interactive controls must not be nested
the issue occurs is because i put the <a> inside the <button> element
resourceHTML & CSS - Page should contain a level-one heading
Heading levels should only increase by one
Html semantic
1. <div> is not permitted as content in <span>
2.
use<span> for decorative purpose instead of <div>
3. interactive object use <button>, <select>,
<input>... to keeping html semantic
Provide reduce motion
To support for user who prefer
reduce motion
For purely decorative icons, add aria hidden
aria hidden tell assistive technologies to ignore an element
