Debut theme - I'd like to add 3 columns to pages via html

Store Design
1

I can see someone has asked this same question regarding two columns and (very kindly) they were given some html code to use.

I would be super grateful if someone could please help me with some html code that would allow me to add three columns to pages in the debut theme.

Thanks in advance!

2

Hello Aaron_Robbins,
For home page product display you can change column like this:

40.jpg
40.jpg1313×679 59.5 KB

41.jpg
41.jpg418×392 16.4 KB

42.jpg
42.jpg564×562 27.9 KB

3

Thanks for your reply, but that is not what I need.

As mentioned, I require some html code to add in the pages section to create 3 columns.

4

Use this HTML

<div class="page-width">
<ul class="grid grid--uniform grid--view-items">
    
      <li class="grid__item  small--one-half medium-up--one-third">
  
  <-- Your content -->

      </li>
    
      <li class="grid__item  small--one-half medium-up--one-third">
   
   <-- Your content -->

      </li>
	  
      <li class="grid__item  small--one-half medium-up--one-third">
  
   <-- Your content -->

      </li>
    
  </ul>
  </div>
5

Thank you!!

6

How do you make it responsive on mobile?