Services layout breaks on iPad screen size

  • Posted in : cvCard
  • jasonfweb
    Participant

    Hi guys, anyone noticed this?
    When the screen gets smaller, at a certain point the layout breaks for the services section.
    I have 4 of them, as in the template.

    Here’s an example http://cl.ly/image/452j1n3R0F07

    The third one goes all the way to the left, and the forth is displaced in the next “row”

    This is the associated html http://cl.ly/image/24261M1o1f3o

    The culprit seems to be this part of the code

    I founded Open Wet Lab, the first biohacking organization in Italy. We want to bring DIY-biology to the people.

    What am I doing wrong?

    ahmetsali
    Keymaster

    Hi, i see the issue, try this custom css code;

    @media (min-width: 768px) and (max-width: 991px) {
       .col-sm-6:nth-child(2n+1) {
           clear: left;
       }
    }
    

    Thanks for the feedback.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register