Hello! Need a bit of help with the layout on my page.
In the section section-project I have a heading and three cards, that I’d like to have stacked on top of each other.
All these cards have a purple rectangle with a number and client’s name - when the card gets stacked, I’d like this rectangle to be seen and to be clickable - so if I click on a particular rectangle, that this card would reveal (meaning that the cards stack on top of each other not completely, but with 5rem of space at the top).
My current issues are:
- the upper 7-10rem of the cards get cut off at the top and can’t find a way to avoid that;
- work-heading div has 15rem of bottom margin, because it it doesn’t have it, it is covered by the cards-stack-wrapper div.
Thanks in advance for any help!
Here is my site Read-Only: LINK