How can I make images full width and responsive on any screen?

Store Design
1

Hi my page is https://lesbrons.com/pages/philanthropy and password: sandwich

is there a way to make just the images be full width on the page without any margins on each side, and have this be responsive on any screen i view it on?
thanks

2

Hi
@lesbrons Add this code to stylesheet.css

* {
    margin: -0.5px;
}

I hope your problem will be Short out.
Thank you

3

hi, thanks for your reply but that didnt seem to fix the issue. i can try adding that code manually to each image on the page as well but it still does not make the images responsive on a larger screen.

4

hello @lesbrons

do you want to look like this https://nimb.ws/6beudf

5

Hi, yes, that’s exactly the look im after

6

hello @lesbrons

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (min-width: 789px){
.template-page-custom-two .page-wrap .rte.row{
    max-width: 100% !important;
    width: 100%;
    padding: 12px;
}
}
7

thank you so much for your help, i really appreciate it!