@vanzasetia
Posted
Hi, Leonard Isaac! 👋
Congratulations on finishing this challenge! 👏
I agree that creating a custom select element is difficult. Also, there's currently no way to style the option
element. There is the selectmenu
element which you can style. But, it only exists on the Canary version of a Chromium-based browser (Edge, Chrome).
For now, you need to either use the native select
element or create a custom select element with accessibility in mind. I recommend using the select
element. Creating accessible custom select element is hard (required a lot of JavaScript and testing).
I have some feedback on this solution.
- As you can see on the design comparison, the site is larger than the original design. I suggest adjusting the styling of the site. Try to make the site looks as close as possible to the original design.
- On the Sign Up page, there's no
h2
element even thoughh3
exists. Headings must be in a logical order. Users of assistive technology can use heading tags to navigate the website. If headings are not in a logical order, those users can get confused. - The home page and the sign-up page have some HTML issues. You can see all the issues for the home page on the Frontend Mentor report page. For the sign-up take at "Showing results for https://leoimewore.github.io/Officelite-Coming/sign-up.html - Nu Html Checker".
I hope this helps! Happy coding! 😄
Marked as helpful