I’m building a website for a brand that uses visible type grids for an exaggerated Swiss-type look, but I’m struggling to find a clean way to have the lines in the background of the entire site.
I created the lines with outlined boxes so they can resize while maintaining a 20px margin:
I thought I could just change their position type to Pinned and arrange them behind everything, but I guess pinning something forces it to the very front. I worry about things getting messy if I just copy and paste them to every section.
Anyone know of a simpler way to do this? Thanks in advance!
In your site I see that you are aligning all the elements related to this grid, so the best option is to create the grid for all the sections. Then you will be able to attach the elements directly to the relevant grid columns
But easier way is to create container with the grid you need and use it as a “background” for each section (with these settings: 100% width,100% height, the lowest position in the layers panel). It is important to place the container after you finished working on all the sections, because in opposite way you may accidentally attach elements to the container instead of the section
