CSS help with columns

Highlighted
New Member
2 0 0

Hello everyone,

Need a little bit of help with a css responsive code for my website... I just started learning css so it's still hard for me!

I'm trying to create a hero banner of two identical columns with a product picture (green box) overlapping them in the middle.

I would like them responsive to make them move like that in mobile view ( please take a look at the pictures below)

-----

Here is an exemple of a website doing that : https://carboncoco.com/

And I found a code of two responsive columns but I can't figure it out how to make the box overlap them : https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_two_columns_responsive

-----

If anyone can help me doing this.. Many thanks !!

Ozab

 

desktop.jpg

 

mobile_01.jpg

 

0 Likes
Highlighted
New Member
2 0 0

No one .. ?

0 Likes