Image resizing mobile version

  • Author
    Posts
  • #2954080

    cityblastapp
    Member

    Hello,

    I’m having a problem with my images in the mobile version: one is larger than the other and I can’t seem to find the problem.

    Thanks in advance,

    Fernanda

    The blog I need help with is cityblast.cl.

    #2954155

    Hello Fernanda,
    It a bit tricky to handle grid layouts with tables, because they act weirdly sometimes.

    In your case, the images are different sizes on mobile because the name “FERNANDA DELGADO” is too big for the left column and hence it is taking up too much space on the left thereby squeezing the right column.

    So to solve that you can reduce the font size of the names(on mobile only).
    Use this CSS to do that:

    @media only screen and (max-width: 640px) {
        h3 {
            font-size: 1rem;
        }
    }

    This will reduce the font size of the names when the resolution width is below 640px.

    Hope this helps 🙂

    #2954158

    CORRECTION:
    It’s* a bit tricky

    #2954175

    cityblastapp
    Member

    Thank you so much!

You must be logged in to reply to this topic.