Streaming live at 10am (PST)

SOLVED: Overflow hidden – Can't figure out what I'm doing wrong¿?


#1

Hey dear community!

Share Link:
https://preview.webflow.com/preview/panther-gmbh?utm_source=panther-gmbh&preview=50ed5aa50a44871d5d3081a4d537e5c9

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?


#2

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.


#3

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!!


#4

Tobi,

Grid works with collections now. just a thought. But good design so far.