@ACdev27
Posted
I see one issue I had myself. In mobile view, if you open more than 3 of the question/answers at same time, the top image gets pushed off screen at top of page. In my case I had to change the flex box settings flex box alignment settings I used in desktop view, for the mobile view.
Marked as helpful
@AndreiM987
Posted
@ACdev27 Thank you for feedback! Do you now how can i fix this issue?
@ACdev27
Posted
@AndreiM987 In my case I had used flex box for one of my "main" containers. In mobile view, where I changed flex-direction to column, I also changed justify-content and align-items to flex-start.
Also for my card container I gave it a margin of 148px.
For your code specifically, you can try something similar. This seemed to work:
on your body tag align-items: flex-start;
.container margin-top: 150px
Marked as helpful
@AndreiM987
Posted
@ACdev27 I added on body tag align-items: flex-start; and .container margin-top: 150px and it works. Also i added min-height: 100vh; on body to show correct background when i open more than 3 of the question. Thank you a lot for your help!
@ACdev27
Posted
@AndreiM987 Yes, it is looking very good! Glad I could help.