How can I reduce the white space between elements in mobile

Hi!
I would like to reduce the white space between elements in mobile:
FO example Services Type A and B or Employees and Facts in the front page

Sincerely, Kalevi

Hello there,

Edit your front page and then assign a custom class name for each row by clicking the wrench icon. Under Row Styles section, expand the Attributes tab, then enter a custom class name into the Row Class input field. For instance: my-row

To reduce top/bottom padding on each row, add this CSS code to Appearance > Customize > Additional CSS.


@media only screen and (max-width:1024px) {
  .my-row {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

Regards,
Kharis