Avatar of Rowby Goren
Rowby GorenFlag for United States of America asked on

Spreading 4 images equally across 100 percent of div

Hi

I'm looking for a solution to spread 4 images equally across a responsive webpage -- 100 percent

Right now I"m using padding right and left, and I know that's not the way to go.

I think the culprit is this div:  div#muse-images

Here's the link to the page, work in progress  Website

You see two rows of images, 4 across.  I want the images to be spread equally horizontally across the page.  I also want to get rid of the temporary 10 pixel padding right and left of each image.  It was just there for this initial mockup.

I may need to all some overall margin right and left to align it a bit, but that is not the main issue.

Thanks for any help,

Rowby
CSS

Avatar of undefined
Last Comment
Rowby Goren

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
Mikkel Sandberg

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
See how we're fighting big data
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
ASKER
Rowby Goren

Hi MikkelSandberg,

Looks good.   Thanks!
I'll try my t out later tonight

Best,
Rowby
ASKER
Rowby Goren

As it turned out there was some glitches in the html that was preventing the images from spreading out naturally.  I removed the glitchy html and it worked.

While your answer wasn't required, I am keeping it in my "toolkit" for future use.

Best,

Rowby
Your help has saved me hundreds of hours of internet surfing.
fblack61