Title: Horizontal Display
Last modified: September 24, 2018

---

# Horizontal Display

 *  Resolved [pgordalina](https://wordpress.org/support/users/pgordalina/)
 * (@pgordalina)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/horizontal-display-12/)
 * Hi.
 * Is there a way to show the reviews horizontally (3 columns) instead of vertically,
   in a responsive way?
 * Thanks!

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

 *  Plugin Author [Gemini Labs](https://wordpress.org/support/users/geminilabs/)
 * (@geminilabs)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/horizontal-display-12/#post-10720032)
 * These types of visual customisations can be done with some custom CSS. Please
   see the following links for pointers on how to use flexbox to create the type
   of layout you need with CSS:
 * [https://css-tricks.com/snippets/css/a-guide-to-flexbox/](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
   
   [https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties](https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties)
   [http://flexboxfroggy.com/](http://flexboxfroggy.com/)
    -  This reply was modified 7 years, 8 months ago by [Andrew Nevins](https://wordpress.org/support/users/anevins/).
    -  This reply was modified 7 years, 8 months ago by [Gemini Labs](https://wordpress.org/support/users/geminilabs/).
 *  Plugin Author [Gemini Labs](https://wordpress.org/support/users/geminilabs/)
 * (@geminilabs)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/horizontal-display-12/#post-10720675)
 * Here is some custom CSS to get you started:
 *     ```
       .glsr-reviews {
           display: flex;
           flex-wrap: wrap;
           margin: 0 1.5em;
       }
       .glsr-review {
           flex-basis: 100%;
           border: 1px solid #13596B;
           padding: 0.75em;
           margin: 0 1.5em 3em;
       }
       @media (min-width: 768px) {
           .columns-3 .glsr-review {
               flex-basis: calc(50% - 3em);
           }
       }
       @media (min-width: 1024px) {
           .columns-3 .glsr-review {
               flex-basis: calc(33.33% - 3em);
           }
       }
       ```
   
 * Tip: If flexbox is used (as in the example above), make sure to use [https://autoprefixer.github.io/](https://autoprefixer.github.io/)
   to add the vendor prefixes for older browsers.
    -  This reply was modified 7 years, 8 months ago by [Gemini Labs](https://wordpress.org/support/users/geminilabs/).
    -  This reply was modified 7 years, 8 months ago by [Gemini Labs](https://wordpress.org/support/users/geminilabs/).
 *  Thread Starter [pgordalina](https://wordpress.org/support/users/pgordalina/)
 * (@pgordalina)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/horizontal-display-12/#post-10726664)
 * Hi.
 * Thank you very much for your reply.
 * I’ll try this and let you know the outcome.
 *  Plugin Author [Gemini Labs](https://wordpress.org/support/users/geminilabs/)
 * (@geminilabs)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/horizontal-display-12/#post-10754767)
 * [@pgordalina](https://wordpress.org/support/users/pgordalina/) I have not heard
   from you in over a week so will mark this topic as resolved.

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

The topic ‘Horizontal Display’ is closed to new replies.

 * ![](https://ps.w.org/site-reviews/assets/icon-256x256.gif?rev=3307009)
 * [Site Reviews](https://wordpress.org/plugins/site-reviews/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/site-reviews/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/site-reviews/)
 * [Active Topics](https://wordpress.org/support/plugin/site-reviews/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/site-reviews/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/site-reviews/reviews/)

## Tags

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

 * 4 replies
 * 2 participants
 * Last reply from: [Gemini Labs](https://wordpress.org/support/users/geminilabs/)
 * Last activity: [7 years, 8 months ago](https://wordpress.org/support/topic/horizontal-display-12/#post-10754767)
 * Status: resolved