XenForo Hey, I need help keeping contents of CSS Flexbox Responsive Layout inside the Notices box boundaries

[oO5 Dynasty]

So I am trying to Customize notices.
I got responsive Flexbox to work, but when I look at it on mobile, the contents do not stay within the boundaries of the notice box.
When you look at the image, it is covering things.

extra.less
Code:

/* ONE COLUMN */
.one-column {
    text-align: center;
}



/* TWO COLUMN FLEXBOX */
.two-column {
    display: flex;
    flex-direction: row;
}

.two-column div {
    border: 1px solid blue;
    flex: 1;
    display: flex...

Read more

Continue reading...