[Resolved] Equal width of all 3 on desktop with css (2 columns and right sidebar)

[Anil]

Hi

Can I have Equal width of all 3 on desktop with css (2 columns and right sidebar)?

Regards

[David]

Hi there,

try this:

@media (min-width: 769px) {
    #primary {
        width: 66.66%;
    }
    #right-sidebar {
        width: 33.33%;
    }
}

[Anil]

Hi David, it is better than earlier

1st column width approx 403
2nd column width approx 403
sidebar width approx 413

Any further tweak……

[David]

Oops – don’t know what happened to my rounding calculator. I updated the code above.

They should just be a straight 2/3rds vs 1/3rd split.

[Anil]

Thanks David, it is resolved with following parameters as I readjusted it due to separating space…

@media (min-width: 769px) {
    #primary {
        width: 67.2%;
    }
    #right-sidebar {
        width: 32.8%;
    }
}

[David]

yeah – pesky spacing 🙂
Glad you got there

[Author]

Posts