The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS An image crossing a section between paragraphs

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #261393

    Hello everyone!

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

    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!


    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.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.