Skip to main content
annes28242237
Participant
January 13, 2026
Question

Issue with margin and squished images - help please

  • January 13, 2026
  • 2 replies
  • 87 views

Hi 

sth happened to the grid here and I can't figure out what exacly is wrong. can anybody please help? The images are all distorted and should look like the second image. What do i need to change please? Thanks a lot

 

    2 replies

    Nancy OShea
    Community Expert
    Community Expert
    January 13, 2026

    This forum's image viewer is broken so we can't see attached files. Until such time as the new forum is launched, it's best to share screenshots using the picture icon found on the message toolbar. 

    Screenshot 2025-12-18 133800.png

     

    When layout failures occur, it's almost always due to code errors.

    First, validate code & fix all reported errors.

    Window => Results => Validation...  Click the Triangle to Check Document.

     

    Images typically fit inside the width of their parent container(s). 

     

    In this example, I'm using <DIV> tags with Bootstrap col classes. 

    • Responsive images scale to fit the width of their <DIV> containers— 2 columns on small devices, 4 columns on medium & large screens.   
    • The green checkmark on the bottom of my HTML document tells me my code is error-free.

     

    image.png

     

    Post back if you need more help.

     

    Nancy O'Shea— Product User & Community Expert
    Jon Fritz
    Community Expert
    Community Expert
    January 13, 2026

    Images don't tell us much, when they display properly (yours didn't come through in the forum).

    My guess would be you have a setting in your css causing the images to be narrower than 100%.

    Could you please post a link to the page in question, or a distant second, post the entire code of the page to a forum reply?