How would you build this

Hi everyone, I am a new overexcited user of bloc.
I am relatively new to html and css. I have made something in the past (10 years ago ^^)
I was wondering how to make cards like those in the pics (it is from quora mobile website)
I mean the coloured “hat” with text under and a pic that is over the 2 sections

Thank you

Hey @FrozenFrog

You can do this using a card bric with a header.

Add a background image to the header with some padding.

In the card body add an image, set the width you want and set a negative top margin which will push it up over the card header.

You end up with something like this. (adjust everything to suit your design).

@Malachiman thank you very much. That was just perfect! :grinning: