Can you provide guidance on setting up a container that uses an SVG in a different shape?
Hi ,
i was figuring this out how i can make this container with different shaped svg on left corner can anyone help me how i can do need some kind of reference or any articles which can demonstrate this kind of structure ?

5 Replies
You can always look at the source code in the devtools if you want to figure out how they did it 🙂
do you mean the Solana card sticking out over the edge of the black area, or something else?
Nosource code it's a figma file 😂
Yeah all the three cards SOL , game Modules , Leaderboard
it looks to me like the black area is made of two boxes, one red one green

The green one at the bottom has a higher z-index than the cards, then the top red one has a higher z-index
the bottom one you could do with a clip-path with an SVG
the cards are just divs with a border radius and a translation and/or rotation on them
