(Dawn) How to lessen space between multicolumn text

Store Design
2

Hello! @pikachu1924 Please follow these steps to add this CSS code:

  1. Go to your Online Store
  2. Click on “Themes”
  3. Select “Edit code”
  4. Open your CSS file. If you have a custom CSS file, open that instead.
  5. If you can’t find your custom CSS file, open “base.css”
  6. Add the following code at the end of the file.
#shopify-section-template--15459208495159__multicolumn_NkCd3a .multicolumn-list {
    margin: 0 auto !important;
    column-gap: 0 !important;
    justify-content: center; /* if you need to show multicolumn text left sidethen removed this css */
}
.multicolumn-card__info .rte h2 {
    text-align: center;
}
@media screen and (min-width: 990px) {
    .multicolumn-list.grid--6-col-desktop .grid__item {
        width: calc(10% - var(--grid-desktop-horizontal-spacing)* 5 / 6);
        max-width: calc(10% - var(--grid-desktop-horizontal-spacing)* 5 / 6);
    }
}

Rishihuptech_0-1723092024182.png
Rishihuptech_0-1723092024182.png1221×570 11.9 KB

If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the solution.
Thank you
K.K