Faq accordion main using html, css, flex and js

What are you most proud of, and what would you do differently next time?

I liked this challenge and it made me proud to learn how to use tabindex so I could move between questions using only the keyboard.

What challenges did you encounter, and how did you overcome them?

• To navigate using only the keyboard: I solved it using the html tabindex property

• For functionality: In JS I used event handling, I think it was better than using a listener looping through the matrix, even though it was also valid

What specific areas of your project would you like help with?

I thought it was good how I placed the background image on the desktop version.

In the mobile version I tried to be as faithful as possible to the sample image, for this I used background-image, with repetition-x, and background-size so that the image is on top and the color on the bottom. Still as you can see the image doesn't start from the top, I saw an option using width height but this way when you get to the FAQ box the image was distorted so I didn't use this option.

I don't know if there is any way to solve it, without using photoshop or without distorting the image.