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
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