Patterns for Framer

Trying that but with Webflow! Let’s see what it looks like 👍 thank u!

CSS!

background-size: 40px 40px;
  background-image:
    linear-gradient(to right, #000 1px, transparent 1px),
    linear-gradient(to bottom, #000 1px, transparent 1px);

If I wanted to add this grid to my website what’s the best way to do it? I’m open to code and to no code also. 😊

patterns.page has a grid option for Framer

You could do maybe do this in css with a gradient background to make horizontal and vertical lines, and background-repeat to fill the space

No code would be an SVG.
With Code maybe CSS Grid with borders on all grid blocks?

Posts