Title: Grid Column archive gap
Last modified: November 15, 2021

---

# Grid Column archive gap

 *  Resolved [nikoshaker](https://wordpress.org/support/users/nikoshaker/)
 * (@nikoshaker)
 * [4 years, 7 months ago](https://wordpress.org/support/topic/grid-column-archive-gap/)
 * Hello,
 * Thanks for your great work.
 * I am currently redoing my website and I would like to know how to modify or remove(
   in CSS) the space between the columns of the grid of the categories archive page.
 * I noticed the “column-gap” lines in the CSS files, but when I change the values,
   it doesn’t work… I must be wrong somewhere…
 * Could you help me please?
 * Best regards,

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Author [Twentig](https://wordpress.org/support/users/twentig/)
 * (@twentig)
 * [4 years, 7 months ago](https://wordpress.org/support/topic/grid-column-archive-gap/#post-15080653)
 * Hi,
 * Thanks for your message.
 * To change the space of the grid for the categories page (on the Twenty Twenty-
   One theme), add the following CSS in the Customizer > Additional CSS panel:
 *     ```
       .archive.category .site-main {
           column-gap: 0;
           row-gap: 0;
       }
       ```
   
 * Hope that helps,
    Tom
 *  Thread Starter [nikoshaker](https://wordpress.org/support/users/nikoshaker/)
 * (@nikoshaker)
 * [4 years, 7 months ago](https://wordpress.org/support/topic/grid-column-archive-gap/#post-15081367)
 * Thank you very much for your answer, I tried but it does not work unfortunately.
   I think it’s my fault because I forgot to tell you that I’m working with Twenty
   Twenty theme and not Twenty Twenty One.
 * I found this solution in the meantime:
 * element {
    } .tw-blog-grid #site-content .hentry { width:calc(50% -); margin-
   left: 0px; }
 * I know the code isn’t perfect (width:calc(50% – ???), but it pretty much works,
   the problem is that the featured images don’t quite cover the entire width of
   the space.
 * Can you help me again?
 * Thank you in advance,
 * Best regards,
 * Nicolas
 *  Plugin Author [Twentig](https://wordpress.org/support/users/twentig/)
 * (@twentig)
 * [4 years, 7 months ago](https://wordpress.org/support/topic/grid-column-archive-gap/#post-15081799)
 * For the Twenty Twenty theme, use the following code:
 *     ```
       .tw-blog-grid #site-content .hentry {
           margin-bottom: 0;
       }
   
       @media (min-width: 700px) {
           .tw-blog-grid #site-content .hentry {
               width: 50%;
               margin-left: 0;
           }
       }
       ```
   
 * Hope that helps.
 *  Thread Starter [nikoshaker](https://wordpress.org/support/users/nikoshaker/)
 * (@nikoshaker)
 * [4 years, 6 months ago](https://wordpress.org/support/topic/grid-column-archive-gap/#post-15090968)
 * It works! Thank you very much!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Grid Column archive gap’ is closed to new replies.

 * ![](https://ps.w.org/twentig/assets/icon.svg?rev=2569439)
 * [Twentig Supercharged Block Editor – Blocks, Patterns, Starter Sites, Portfolio](https://wordpress.org/plugins/twentig/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/twentig/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/twentig/)
 * [Active Topics](https://wordpress.org/support/plugin/twentig/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/twentig/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/twentig/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [nikoshaker](https://wordpress.org/support/users/nikoshaker/)
 * Last activity: [4 years, 6 months ago](https://wordpress.org/support/topic/grid-column-archive-gap/#post-15090968)
 * Status: resolved