Title: Make all grid items equal height
Last modified: June 27, 2020

---

# Make all grid items equal height

 *  [rishabhsingh12](https://wordpress.org/support/users/rishabhsingh12/)
 * (@rishabhsingh12)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/make-all-grid-items-equal-height/)
 * As you can see in the attached website link that all blocks in the grid layout
   have different height, which looks really odd. I want to make all blocks with
   same height.
    Any Solution?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmake-all-grid-items-equal-height%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Hans-Gerd Gerhards](https://wordpress.org/support/users/hage/)
 * (@hage)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/make-all-grid-items-equal-height/#post-13047686)
 * Hi,
    please try this (Appearance > Customize > Advanced Options > Additional 
   CSS):
 *     ```
       .grid-container__classic.tc-grid-border .grid__item {
           height: 400px;
       }
       ```
   
 * However, it may not work with more than 3 posts. Unfortunately I could not check
   this on the website.
    -  This reply was modified 5 years, 10 months ago by [Hans-Gerd Gerhards](https://wordpress.org/support/users/hage/).
    -  This reply was modified 5 years, 10 months ago by [Hans-Gerd Gerhards](https://wordpress.org/support/users/hage/).
 *  Thread Starter [rishabhsingh12](https://wordpress.org/support/users/rishabhsingh12/)
 * (@rishabhsingh12)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/make-all-grid-items-equal-height/#post-13047929)
 * Just wanted to know that is this feature already available in pro version of 
   the theme?
 *  Theme Author [presscustomizr](https://wordpress.org/support/users/nikeo/)
 * (@nikeo)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/make-all-grid-items-equal-height/#post-13047954)
 * Hello [@rishabhsingh12](https://wordpress.org/support/users/rishabhsingh12/),
   
   this feature is not available in the pro version. All the best,
 *  Thread Starter [rishabhsingh12](https://wordpress.org/support/users/rishabhsingh12/)
 * (@rishabhsingh12)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/make-all-grid-items-equal-height/#post-13101977)
 * Hi, [@hage](https://wordpress.org/support/users/hage/)
 * Thanks for replying, your solution worked perfectly.
 * However, on some grid items (for example 1st and 4th) the author name and date
   area is little bit above the bottom.
 * So, if you can tell me how to move author name and date area at the bottom in
   each grid then It’ll be really helpful.
 * I tried using this:
 *     ```
       .grid-container__classic.tc-grid-border .grid__item {
           display:flex;
           flex-direction: column;
           height: 100%;
   
       }
   
       .entry-footer{
       display:flex;
       align-self: flex-end;
       }
       ```
   
 * But it didn’t worked.
 * Thanks.
 *  Thread Starter [rishabhsingh12](https://wordpress.org/support/users/rishabhsingh12/)
 * (@rishabhsingh12)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/make-all-grid-items-equal-height/#post-13103991)
 * This is the link I am referring to: [https://www.clichemillennials.com/blog/](https://www.clichemillennials.com/blog/)

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

The topic ‘Make all grid items equal height’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/customizr/4.4.24/screenshot.png)
 * Customizr
 * [Support Threads](https://wordpress.org/support/theme/customizr/)
 * [Active Topics](https://wordpress.org/support/theme/customizr/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/customizr/reviews/)

## Tags

 * [technical](https://wordpress.org/support/topic-tag/technical/)

 * 5 replies
 * 3 participants
 * Last reply from: [rishabhsingh12](https://wordpress.org/support/users/rishabhsingh12/)
 * Last activity: [5 years, 10 months ago](https://wordpress.org/support/topic/make-all-grid-items-equal-height/#post-13103991)
 * Status: not resolved