Design comparison
Solution retrospective
Researching and finding out how to make divs focusable. I didn't want to use buttons
What challenges did you encounter, and how did you overcome them?One of my main challenges was finding how to make divs focusable. In my quest to find this, i was able to discover that adding 'tabindex' to the attributes of a div, makes it focusable.
The second bit was making it responsive. Since i wasn't using any framework, i had to use media queries for the stated break point. However, using the @media keyword and the max-width property was still not working for some strange reason. I was able to use Chat gpt to find out i hadn't included a viewport attribute in my meta tag and that was the source of the issue.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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