Hey dear community!
I think the picture is pretty self-explanatory. I’d like the ribbon to be contained be the div. What am I doing wrong here?
Hi @Tobi_Huber not sure if you have figured this out yet, but I took a look at your issue. First thing is that you have your div set to Absolute, which you do not need to have it in this case.
Also, I would recommend using Grid or FlexBox instead of the columns asset. It will keep things more streamlined across breakpoints. Grid would be your best bet.
Heres a little video. Hope this helps.
Hi Brandon,
awesome! I just didn’t know, that the overflow:hidden requires relative positioning. As soon as I set the whole div card to relative it worked on all its children.
About your grid recommendation: Later on, this is going to be filled with products from a collection. So far I’m only “frontending” my design, and building my building-blocks piece by piece.
Thanks a lot, Brandon!!
Tobi,
Grid works with collections now. just a thought. But good design so far.