How can I align 3 columns in Brooklyn theme?

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!

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/