Reduce padding between text content blocks on mobile Dawn theme?

[quiddity]

I have 2 text blocks side by side to create a column look, but there is extra padding between the two blocks on mobile that I’d like to get rid of.

Here is how it looks on desktop:

Here is what’s happening on mobile:

Relatively new to shopify so any help on fixing this with CSS would be greatly appreciated! Thank you!!

https://olivia-sugarman-jewelry.myshopify.com/pages/about

password: sugarman

[suyash1]

@quiddity - please add this css to the very end of your base.css file and check

@media screen and (max-width:749px){
.template-name--about .ss-text__content h5{margin:0}
}

[BSSCommerce-HDL]

Hi @quiddity ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file → Save

@media only screen and (max-width: 600px) {
  .ss-text__content.ss-grid-block h5 {
    margin: 0 auto !important;
   }
}

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[quiddity]

Brilliant — thank you!!!