Help with responsive layout

• 

  safikabis · Member · Apr 6, 2017 at 4:02 pm

  • Copy link
  • Add topic to favorites

  This page: https://thebaseline.com/team/

  Page is responsive but layout is wonky with mobile, I think because of custom CSS.

  Can you tell me what code do I need to fix it?

  Thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Apr 6, 2017 at 7:37 pm

  • Copy link

  Replace this rule in your custom CSS

  .team .display-posts-listing .listing-item {
  	width:33%;
  	display:inline-grid
  }

  with this one, which uses a Media Query to keep your grid at 600px and wider, but allows things to return to a single column below that width.

  @media screen and (min-width: 600px) {
  .team .display-posts-listing .listing-item {
  	width:33%;
  	display: inline-grid;
  }
  }

• 

  safikabis · Member · Apr 7, 2017 at 7:50 am

  • Copy link

  Thank you!

• 

  thesacredpath · Member · Apr 7, 2017 at 8:34 pm

  • Copy link

  You are welcome.