Streaming live at 10am (PST)

Webflow doesn't remove :after and :before after removing display:grid

I set display to grid then change it to flex and set justify content to space-between, but elements remained some strange space at the sides.
Inspected element i found :after and :before having content:" " and grid properties.Screenshot%20from%202019-08-15%2015-27-59 Screenshot%20from%202019-08-15%2015-29-59

Here is the rendered code from a default navbar with ZERO styling.

CloudApp

Here is the CSS affecting the container:

.w-container:before,.w-container:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

This is a feature; not a bug. Topic edited.

Can you explain why this is necessary?

Legacy browser support.