Skip to content
Submitted almost 5 years ago

HTML CSS Only, JS Only for Form

mbcod3•515
@mbcod3
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Bookmark landing page
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

I used radio buttons for accordion and feature tabs and checkbox for mobile nav menu . Should I use javascript instead in production websites instead of these css hacks?

Community feedback

  • mbcod3•515
    @mbcod3Posted almost 5 years ago

    I totally missed the accessiblity part. Thanks for pointing that out

    0
    Matt Studdert•13,611
    @mattstuddertPosted almost 5 years ago

    @mbcod3 no problem!

    0
  • Matt Studdert•13,611
    @mattstuddertPosted almost 5 years ago

    Hey Muhammad, awesome work on this challenge! For the accordion and mobile nav, I'd recommend taking a look at this accessible HTML patterns resource on the A11y Project. It provides really useful examples for building those things in an accessible way.

    I hope that helps 👍

    0

Please log in to post a comment

Log in with GitHub

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