How to remove margin from an image inside a responsive row ?

#1 · July 19, 2025, 8:22 am

Hi everyone,
I'm working on a responsive layout using a row <div>, and I have an image inside it. I want to make sure the image has no margin at all (margin: 0), especially on all screen sizes.

What’s the best way to ensure the image has margin 0 and stays aligned properly in a responsive design?

Thank you!

Uploaded files:

You need to login to have access to uploads.

#2 · July 19, 2025, 10:11 am

@asmat just set the Container padding to 0 (zero value).
Regards.

#3 · July 19, 2025, 1:26 pm

Thank you, Luis. I’ve already set the container padding to 0, but there’s still a small margin remaining.

Uploaded files:

You need to login to have access to uploads.

#4 · July 19, 2025, 6:11 pm

@asmat check attached app.
Just be sure every object has padding 0px.
Regards.

Uploaded files:

You need to login to have access to uploads.

#5 · July 19, 2025, 6:22 pm

@asmat also check this one if you want a boxed design except for the image.

Uploaded files:

You need to login to have access to uploads.

#6 · July 21, 2025, 9:26 am

Thank you so much, Luis! I’ve finally created a website template. Here’s the link:
website

Vadim has reacted to this post.

#7 · July 21, 2025, 10:15 am

@asmat it's very professional.
Congratulations!

asmat has reacted to this post.

How to remove margin from an image inside a responsive row ? - Forum

How to remove margin from an image inside a responsive row ?