Hi Shopify peeps! Can anyone help with this?
I am trying to create a grid to display text like this:
Any help here would be much appreciated.
Thanks in advance!
How comfortable are you with CSS? If you don't mind tweaking it, you can easily create a grid of any kind with display:grid property in your CSS. I cannot help you further unless you share additional information.
I'm quite new to Shopify and coding etc. I've edited code for pre-existing sections as well as creating new sections. I've also created a section that includes a simple grid, however, I've not been able to format it to look like the image I shared previously.
If you are new to coding, I would suggest you to see if your theme supports this layout. If it doesn't, it will take some time to figure out how to do this correctly and ensure it does not break something else in your theme and work on mobile as well.
I hope this will help you
<div id="shopify-section"> <section> <div class="large--twelfth-twelfths medium--twelfth-twelfths"> Your test-1 </div> <div class="large--twelfth-twelfths medium--twelfth-twelfths"> your text-2 </div> <div class="large--twelfth-twelfths medium--twelfth-twelfths"> your text-3 </div> </section> </div>
Thanks for your reply!
I have already created the website, I just wanted to add a section that includes a grid. I have the grid but was struggling to format it to look how I wanted it to look. I have the basics but want the text aligned properly on the page. Then I'd like to stack the grid for mobile view.