troubleshooting Question

Same-width div is different widths on separate pages

Avatar of Melody Scott
Melody ScottFlag for United States of America asked on
Web DevelopmentCSSHTML
2 Comments1 Solution306 ViewsLast Modified:
Hi,

On this page: mkmeals.com/responsive/index.html, the white section containing the text is the correct width.

However, on subsequent pages, such as mkmeals.com/responsive/low-sodium.html, the white section is a bit wide.

I've added a couple of screenshots to show what I mean.
The way it should look
Too wide.
From what I can ascertain, it is controlled by this CSS:

.col-md-10 {
    min-height: 840px;
    width: 83.3333%;
}

I guess I could change that to width: 82.5%, and on the one page use inline CSS to make it 83.3333%. But I am sure you more experienced experts will come up with a cleaner solution. Thanks.
Capture1.JPG
ASKER CERTIFIED SOLUTION
Join our community to see this answer!
Unlock 1 Answer and 2 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 2 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros