How can I achieve this background?

I’m working on a product that will enable golfers to customize a card to reference while playing.

I’m using the Export Page to PDF Plugin but it won’t export SVGs for whatever reason. So I’m building the entire thing within Bubble as PNG and PDF is too blury. ( I belive the plugin just takes a screen shot of the element so it’s losing quality.
On the grid, where you see the 2 values in the cell with alternating background colors forming triangles
image. I could easily acomplish this with a SVG as the background, but again it doesn’t output SVG for somereason with this plugin.

Is there another design trick to have the triangle type 2 cells. If this makes sense?

Maybe with CSS you can just create the triangles

This topic was automatically closed after 70 days. New replies are no longer allowed.