Need help CSS For Responsive Hero
I wanted to ask for some assistance on making this attached image responsive. There are two objects. One on the left and one on the right. Also, there is text in the middle. I've tried to use absolute position for the two objects, but they don't scale correctly when resizing. Can someone assist with the best approach to tackle this? Thank you!
4 Replies
I almost want to say that that can be a grid with 3 columns, and the 2 rectangles can just be a
transform: rotateX(). Those 2 rectangles can then scale off the grid column width
I'm not sure how you want the design to look for mobile though, but can be anything you want with a media queryHey @vince, thank you for your input. The two rectangles are actually product images. Do you suggest to handle them in the same fashion? Thanks!
I think so, yes! try it and we can see how it behaves / looks 🙂
Thanks!