Best way to achieve this design?
What would be the option for this design? It's tempting to go down the absolute route but is that the best?
https://i.imgur.com/kFGU71b.png
6 Replies
probably grid for the whole thing, then flex for the card itself
How would i get it to overlap and be responsive?
very globally, you'd put the card in columns one and two, and the image in columns two and three, and both in row 1, then set the widths of the columns appropriately
Ok i'll play around with that, thanks!
in fact, I don't think you really need grid or anything other than a flex to center the card on the image
https://codepen.io/jochemm/pen/WNLrJMW?editors=1100
Thanks! I added a set width to the background and it works just like i want it