3 Columns/Grid in Brooklyn Theme

Solved
wickedbride
Tourist
12 2 11

Hi Everyone - I've read through the forums and tried a bunch of solutions, but I can't seem to figure this out. I have 3 custom HTML blocks in the content editor. I've set them all to 33% width. In the theme.css, I've tried to float them so they align next to each other. I've tried several different things, but nothing is working. I'd like them to align on desktop, and stack in mobile - and I plan on adding photos to each block, with a heading above all 3 columns/blocks. Can anyone help with this? I had also tried defining 33% as the width in the CSS, with the content editor set to 100% for the custom HTML block, and that didn't work either. Ugh. Appreciate any advice! I just wish this template had a grid/column section, grrrr. Thanks!

divs.jpg

Screen Shot 2021-07-26 at 6.26.25 PM.png

  

0 Likes
wickedbride
Tourist
12 2 11

This is an accepted solution.

UPDATE: I got it! Wish I could delete this, but for anyone else looking for a solution, I used this method: https://maximus.agency/how-to-add-2-or-3-columns-to-pages-in-shopify/

0 Likes