Project Images resizes?

Hello!

I have two projects on my homepage. When I am in the Customizer, it shows both images, side by side, and looks sized properly (same for mobile). When I minimize the customizer, it shows the images a bit smaller and centered. I’m pretty sure I centered it somehow (don’t remember now) but I did not resize them. How do I go about having the images show across the whole page when viewed on a desktop?

Thanks!

Hello there,

Please share a link to the page in question, so I could inspect and help you better.

Regards,
Kharis

mariajjohnson.com (please scroll towards the bottom).

Thanks!

Hello there,

If I got it right, you’d need to add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 501px) {
      .project {
        width: 100%;
      } 
      .project img {
        width: 100%;
        height: auto;
      }
    }

Regards,
Kharis