CSS Question - Mobile layout

[Pbalazs89]

Hi there,

I have a page set up here:

http://bigfish.ethermedia.hu/italok/

I’m using the same block for the desktop and mobile view as well, but the mobile view is cut off from the page, here’s a screenshot to illustrate: https://www.dropbox.com/s/q2ybiwiiqffptl2/Screenshot%202019-11-06%2014.56.06.png?dl=0

I can’t find any reason for it. Could you give me some advice?

Thanks!

[ruenel]

Hello @Pbalazs89,

Thanks for writing in! This issue occurred because your custom css were applied also in smaller screens. I would recommend that you update this code:

.flex {
    display: flex;
}

.centerflex {
    align-items: center;
    justify-content: center;
    align-self: center;
}

And replace it by using this code instead:

@media(min-width: 980px){
  .flex {
    display: flex;
  }

  .centerflex {
    align-items: center;
    justify-content: center;
    align-self: center;
  }
}

We would love to know if this has worked for you. Thank you.

[Pbalazs89]

It did, much appreciated!

[friech]

We are happy to help,

Cheers!