Article Section Page - Split Articles Column into 2? | Community
Skip to main content

Article Section Page - Split Articles Column into 2?

  • January 21, 2021
  • 27 replies
  • 0 views

Show first post

27 replies

  • January 19, 2023

Hi, can you tell me how I would go about creating two columns in my sections page so that the subsections are in two columns? an example would be: Using Guide for help center – Zendesk help. Each subsection is placed into either column with a list of their articles underneath. Thank you.


Ifra
  • January 20, 2023

Hi :),

i). Add articles underneath subsections and wrap in a div and remove SVG icon's code.

 

ii). Add the given CSS to your stylesheet.

.section-container .section-list,
.section-container .article-list{
  display: flex;
  flex-wrap: wrap;
}

.section-container .section-list div,
.section-container .article-list-item{
  flex: 1 0 290px;
  border: 0;
}

 

 

iii). Output is -

 

 

Thanks