@daHatta
Posted
Hi Sae,
it looks pretty good so far. According to your questions I might have some tips for you. I solved the quest by setting the whole accordion at the top of the page with the distance mentioned in the design, so the whole thing stays fixed and moves only downwards.
Another thing I did, I wrote a function which closes all answers first, followed by the opening of the answer of the clicked question. So every questions stays where it is.
I set only margin-inline: auto and a width for my solution to center my accordion properly. Might be a solution for you too?
I also recommend to use main and section to get the right landmarks. I get often warnings about landmarks by myself. ;)
Hope my answer was helpful!
Keep up coding. You are awesome! :)