Support » Plugin: Custom Related Posts » Resonsive Grid View

  • @brechtvds
    I wanted to have the related posts in row and columns at the end of my posts/pages. So I’ve built a grid system for the related posts, ready for responsive web design.
    You can have a look at it at the end of the site that I’ve linked.

    cheers meisterleise

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • …for everyone who’s interested in the CSS code:

    
    @media only screen and (min-width: 1201px) {
    .my_inner_column_class .crp-list {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      grid-template-rows: 1fr;
    }
    } /* RWD Gridsystem für Related Posts am Seitenende */
    
    @media only screen and (max-width: 1200px) {
        .my_inner_column_class .crp-list {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr;
    }
    }
    
    @media only screen and (max-width: 1020px) {
        .my_inner_column_class .crp-list {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: 1fr;
    }
    }
    
    @media only screen and (max-width: 768px) {
        .my_inner_column_class .crp-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr;
    }
    }
    
    .crp-list-title {
        margin-bottom: 30px;
    }
    
    .crp-list-item-title a {
    font-size: 20px;
    }
    
    Plugin Author Brecht

    (@brechtvds)

    Looks great! Thanks for the example CSS in case anyone else wants to do this.
    We might include something similar to our template options later.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Resonsive Grid View’ is closed to new replies.