# of posts, feature image size…

• 

  lacuisinehealthy · Member · Nov 16, 2016 at 7:05 pm

  • Copy link
  • Add topic to favorites

  1. I’ve read from previous threads that to get 3 posts the code is

  1.  @media only screen and (min-width: 1200px) {
  .posts .hentry {
      width: 33.33333%;
  	}}

  but the problem is it goes from 3 to 1 when changing screen sizes. How do I get it so it’s also 2 with a media screen. So it would be 3 for large screens, 2 for medium and 1 for small screens.

  @media only screen and (min-width: 800px) {
  .posts .hentry {
      width: 50%;
  	}}

  I tried to add something like this too but didn’t work.

  2. Is there a way to keep the images originally size for the featured images. Right now when I use the feature images it zooms in my photos loosing its quality. And if not what is the best dimensions for this.

  3. This is hard to explain. I need the post’s page to remain standard with the feature image on the left and the title and description on the right until @media 688

• 

  lacuisinehealthy · Member · Nov 22, 2016 at 11:13 pm

  • Copy link

  I figured out the 3 post to 2 posts to 1 post.

  @media only screen and (min-width: 680px) {
  	.posts .hentry {
  		width: 50%;
  		float: left;
  	}
  }
  
  @media only screen and (min-width: 960px) {
  	.posts .hentry {
  		width: 33%;
  		float: left;
  	}
  }