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
Imgur
6 Replies
Jochem
Jochem16mo ago
probably grid for the whole thing, then flex for the card itself
Jon
JonOP16mo ago
How would i get it to overlap and be responsive?
Jochem
Jochem16mo ago
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
Jon
JonOP16mo ago
Ok i'll play around with that, thanks!
Jochem
Jochem16mo ago
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
Jon
JonOP16mo ago
Thanks! I added a set width to the background and it works just like i want it
Want results from more Discord servers?
Add your server