Change featured categories on homepage from 2 columns to 3

What is the correct CSS to change the featured categories on the homepage from 2 columns to 3 and still work properly in responsive?

Thanks!

Hello,

This can be achieved easily. Just add this css code to your Custom Head Styles textfield(it is located in your nopCommerce Administration -> Plugins -> Nop Alfresco Theme -> Settings):

.home-page-category-grid .item-box {
    width: 280px;
}
.home-page-category-grid .item-box:nth-child(2n+1) {
  margin-left: 20px;
}
.home-page-category-grid .item-box:nth-child(3n+1) {
  margin-left: 0;
}
.home-page-category-grid .picture {
    width: 280px;
    height: 190px;
}