3 column in desktop view

You can apply some custom CSS, like this example:

#cn-card .cn-list-body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#cn-card .cn-list-item {
    flex: 0 33%;
}

#cn-card .cn-list-item .cn-entry {
    height: 100%;
}

Another alternative is to use a premium template such as this one:

• https://connections-pro.com/add-on/tile-plus/

This does not display exactly 3 columns; it will vary depending on the theme’s content width and the device on which the page is being viewed.

I hope this answers your question. Please let me know.

Apologies for the delay in my reply!

If you want the mobile view to be different, you have to add a CSS media query to change the layout.

Example:

@media only screen and (max-width: 480px) {
    
    #cn-card .cn-list-body {
      display: block;
  }

    #cn-card .cn-list-item {
      flex: unset;
  }
}