Define how many columns will be inside a Custom Module

Developer Support CMS Development
2

This is actually really simple in the new Design Manager.

Create a custom Module with 4 fields..

  1. A Text Module (This will be the title)
  2. A Rich tect module for the paragraph.
  3. Create group that contains: Image Module and Text Module and make that repeatable.

Then you will use flex-box to align the icons in a row. No Mater how many there are.

<div class="wrapper">
 <h2>Title</h2>
 <div class="paragraph">Paragraph text here</div>
 <div class="flex-box-wrapper">

 <div class="flex-item">Image and text in here</div>
 <div class="flex-item">Image and text in here</div>
 <div class="flex-item">Image and text in here</div>
 <div class="flex-item">Image and text in here</div>

 </div>
</div>

<style>
 .flex-box-wrapper {
 display: flex;
 flex-flow: row wrap;
 justify-content: center;
 }
 .flex-item {
 flex: 1;
 max-width: 20%;
 padding: 1rem;
 }

</style>

After that you need to make the responsive bits so it breaks well on mobile and such.. Perferably mobile first if you can.