Vertical with Space between Pictures / vertical for mobile

  • Resolved goliathks

    (@goliathks)


    6 years, 10 months ago

    Hello, i used the following code from this thread to get the pictures horizontal:

    .instagram-pics li {
    display: inline-block;
    vertical-align: top;
    width: 16.6%;
}

@media ( max-width: 480px ) {
  .instagram-pics li {
    display: inline-block;
    vertical-align: top;
    width: 49.5%;
    padding: 0!important;
    margin-bottom: -6px !important;
 }
}

    It works good but i have 2 questions:
    1. Is it possible to get a space between the pictures?
    2. Is it possible to show the pictures horizontal for PC-Users and vertical for mobile phone users?

    LG Goliath

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Scott (@scottsweb)

    (@scottsweb)

    1. Yes, you can adjust the margin. Perhaps add:

    margin: 10px;

    to the first block.

    2. Yes. The media query max-width: 480px applies CSS to screens with a max width of that size. Perhaps adjust the size to match your device and then set:

    width: 100%;

    Thread Starter goliathks

    (@goliathks)

    Thank you for your great help, i love your plugin!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Vertical with Space between Pictures / vertical for mobile’ is closed to new replies.