Add vertical spacing between text boxes on mobile

Site URL: https://www.mkhairstylist.com/

Hi there! I have some text boxes that I used custom CSS to add a background color to, and on desktop it looks great! But when they stack on mobile, there's no space/padding between them. I tried to add some additional CSS to add padding on top of each block, but still no luck. Also no luck adding spacer blocks in. I'm self taught in HTML and CSS and am sure there's an easy way to do this that I'm just not seeing. Thanks in advance! 

CSS used for block bg color: 

#block-yui_3_17_2_1_1642214641397_9379 {
background: #C78A66;
padding: 50px;
text-align: center;
}

2 hours ago, mkhairstylist said:

Site URL: https://www.mkhairstylist.com/

Hi there! I have some text boxes that I used custom CSS to add a background color to, and on desktop it looks great! But when they stack on mobile, there's no space/padding between them. I tried to add some additional CSS to add padding on top of each block, but still no luck. Also no luck adding spacer blocks in. I'm self taught in HTML and CSS and am sure there's an easy way to do this that I'm just not seeing. Thanks in advance! 

CSS used for block bg color: 

#block-yui_3_17_2_1_1642214641397_9379 {
background: #C78A66;
padding: 50px;
text-align: center;
}

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  section[data-section-id="61e2623d15030f1b54258701"]  .sqs-layout > .row:last-child > .col {
    margin-bottom: 10px;
  }
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you