@ebenkanin
Submitted
What are you most proud of, and what would you do differently next time?
My use of media queries
What challenges did you encounter, and how did you overcome them?
Getting the image to fill the entire width and height of the div. I added it using a url in the CSS file (background-image property). I was really elated when i was able to figure that bit out.
Submitted
What are you most proud of, and what would you do differently next time?
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.
