Site logo

Archived topic

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

5 replies · Started by Anil on July 16, 2020

Viewing posts 1–6 of 6

Hi

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

Regards

Hi there,

try this:

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

Hi David, it is better than earlier

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

Any further tweak......

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.

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%;
    }
}

yeah - pesky spacing :)
Glad you got there

This archived topic is closed to new replies.