Title: Grid Responsivity
Last modified: March 21, 2018

---

# Grid Responsivity

 *  Resolved [philwiener](https://wordpress.org/support/users/philwiener/)
 * (@philwiener)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/grid-responsivity/)
 * Hey eleopard,
 * let me first repeat again, that I love your plugin very much – I tested a lot
   of Behance portfolio plugins before I finally came to yours —> yours is by far
   the best one.
 * A while ago, you were so kind to deliver me the following CSS to make the grid
   and the h3 on my website responsive:
 * /* Own CSS Class > Grid: Position + Responsivity */
    .portfolio-column { margin-
   left: auto !important; margin-right: auto !important; } .portfolio-column h3 {
   margin-left: 10px; } [@media](https://wordpress.org/support/users/media/) only
   screen and (min-width: 1020px) and (max-width: 1260px) { .portfolio-column { 
   max-width: 960px; } } [@media](https://wordpress.org/support/users/media/) only
   screen and (min-width: 800px) and (max-width: 1019px) { .portfolio-column { max-
   width: 720px; } } [@media](https://wordpress.org/support/users/media/) only screen
   and (min-width: 768px) and (max-width: 799px) { .portfolio-column { max-width:
   480px; } } [@media](https://wordpress.org/support/users/media/) only screen and(
   max-width: 767px) { .portfolio-column { max-width: unset; } .eds-bpm-main{ max-
   width: 232px; margin-left: auto; margin-right: auto; } .portfolio-column h3 {
   text-align: center; margin-left: 0; } }
 * **NOW HERE IS MY QUESTION: **
    When I resize the width of the browser window,
   I am totally happy with the reordering results in 4 columns and in 3 columns.
   But when I decrease the browser window’s width until 2 long (thumb) columns show
   up, I would appreciate the thumbs and h2 to center on the page (just like it 
   happens when just 1 column shows up …). Unfortunately I am too stupid to reach
   this result myself – could you help again?
 * Many thanks in advance!
    Phil
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fgrid-responsivity%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [eleopard](https://wordpress.org/support/users/eleopard/)
 * (@eleopard)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/grid-responsivity/#post-10098559)
 * Dear Phil,
 * Thanks for such good words 🙂
 * Regarding the centering of elements, please replace the previous CSS with the
   following:
 *     ```
       .portfolio-column {
       	margin-left: auto !important;
       	margin-right: auto !important;
       }
       .portfolio-column h3 {
       	margin-left: 10px;
       }
       @media only screen and (min-width: 1020px) and (max-width: 1260px) {
       	.portfolio-column {
       		max-width: 960px;
       	}
       }
       @media only screen and (min-width: 800px) and (max-width: 1019px) {
       	.portfolio-column {
       		max-width: 720px;
       	}
       }
       @media only screen and (min-width: 768px) and (max-width: 799px) {
       	.portfolio-column .eds-bpm-main{
       		max-width: 480px;
       		margin: 0 auto;
       	}
       	.portfolio-column .fusion-text{
       		text-align: center;
       	}
       }
       @media only screen and (max-width: 767px) {
       	.portfolio-column {
       		max-width: unset;
       	}
       	.eds-bpm-main{
       		max-width: 232px;
       		margin-left: auto;
       		margin-right: auto;
       	}
       	.portfolio-column h3 {
       		text-align: center;
       		margin-left: 0;
       	}
       }
       ```
   
 * Let me know if this works.
 *  Thread Starter [philwiener](https://wordpress.org/support/users/philwiener/)
 * (@philwiener)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/grid-responsivity/#post-10098568)
 * Hey, that was quite fast!
    Many thanks for that —> works perfectly.
 * Best,
    Phil

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

The topic ‘Grid Responsivity’ is closed to new replies.

 * ![](https://ps.w.org/portfolio-manager-powered-by-behance/assets/icon-256x256.
   png?rev=1243928)
 * [Behance Portfolio Manager](https://wordpress.org/plugins/portfolio-manager-powered-by-behance/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/portfolio-manager-powered-by-behance/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/portfolio-manager-powered-by-behance/)
 * [Active Topics](https://wordpress.org/support/plugin/portfolio-manager-powered-by-behance/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/portfolio-manager-powered-by-behance/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/portfolio-manager-powered-by-behance/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [philwiener](https://wordpress.org/support/users/philwiener/)
 * Last activity: [8 years, 1 month ago](https://wordpress.org/support/topic/grid-responsivity/#post-10098568)
 * Status: resolved