@dtomicic
Posted
I've see you've arranged the cards using grid which is not wront but you could've used flex it would made it so much easier for you and more true to the design since now your cards are displayed correctly only at a certain point at larger screen they are all in the same row (I'm talking about the 6 cards with activities) and on smaller screen they are two in a row. You could try making a div for the top cards and for the bottom cards and one div to hold the two divs together and then just give that div flex-direction: column and give each div (top and bottom) flex-direction: row on larger screen and column on smaller and it should all look good.
As for the z-index I've looked around but couldn't find the problem but I couldn't clone your repo and checked only through the developers console, when I manage to clone it I'll look around and let you know if I find the problem.
Other than that solid job, keep up the good work and if you need any help or anything do let me know I'll help you out as much as I can :D
Marked as helpful
@Abdurehman420
Posted
@dtomicic thank you so much. I really appreciate it!!!
