[Resolved] Exact size of sidebar with flexbox

[Diogenes]

Hi.

In the previous version of generatepress I had made my right sidebar exactly 390px with this CSS:

@media (min-width: 1025px) {
.sidebar.grid-30 {
    width: 390px;
}
.right-sidebar .content-area.grid-70 {
    width: calc(100% - 390px);
}
}

With flexbox what would be the CSS?

Thanks in advance.

[Diogenes]

I got the solution, I’ll leave it here in case someone is interested:

@media (min-width: 1025px) {
.is-right-sidebar {
    width: 390px;
}
.site-content .content-area {
    width: calc(100% - 390px);
}
}

Greetings.

[Elvin]

Thank you for sharing this.

Have a great day. 🙂

[Author]

Posts