An image crossing a section between paragraphs

[felixlucas38]

Hello everyone!

I’m struggling with this. I have an image that is supposed to cross a section, like this:

https://felixlucas.000webhostapp.com/example.png

You can see where is needed to put text. The thing is that I’m working with bootstrap, so the complete website is responsive.

Do you have any suggestion on how to do it, and make it responsive?

I think I’ll just hide the image on small screens and put a fixed height and width on other screens, but before I want to see if anyone can help me with this.

Thanks in advance!

[Paulie_D]

It’s certainly doable but it would probably be quite complex…certainly if you want it responsive.

4 squar(ish) divs in a container with the line as a background image (perhaps SVG) would probably be the most logical option but you might run into positioning problems.

I’d imagine you could do much the same using CSS Grid.

<canvas> might be an option but that’s outside my skillset.

[Author]

Posts