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

Home Forums CSS Looking for a way to create a slanted mosaic-like grid

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

    hello good people of css-land,
    I am just realizing that my css-skills are not good enough to deal with the idea I have bestowed upon me…
    I would like to create a grid of divs which have a slanted mosaic look like so:

    Is this achievable via css?
    Or do i have to use javascript to draw svgs?

    In the end i’d like this grid to be responsive as well.

    any tips happily accepted.



    Many ways to go about this but as far as I’ve seen it’s usually done with an svg. You could probably use HTML and style it with CSS but positioning seems complicated – using JS would be unavoidable there.

    By the way, interaction with the elements (mouse events for example) will be tricky, even when using an svg .


    Hello and Thanks.

    Why would interaction be tricky?


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