The most important one is that after changing flex-direction in @media, I faced some issues. tried my best to fix them but one persisted. after changing flex-direction to column, half of my top div disappeared. I couldn't find any real solution, so I tried to hide it using some margin-top.
so any help to fix this problem and improving the overall code is highly appreciated.
Thank you