Image resizing mobile version

  • Author
  • #2954080



    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,


    The blog I need help with is


    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 🙂


    It’s* a bit tricky



    Thank you so much!

You must be logged in to reply to this topic.