CSS Style Changes

[Andrew_A]

Hi

We have used a CSS file for our courses for the last 2-3 years with out any issues and it has worked well. In the last few days something has changed so all of the columns are now aligned vertically in narrow columns next to each other rather than being vertically stacked in one single column.

The page styling makes use of the  <div class="content-box"> and <div class="grid-row"> to format the page. I created a code sandbox online editor and the page looks ok so it seems something has changed within the platform in terms of what css class names are being  used or supported. My class names in the  style sheet have custom names to avoid collisions. 

I have added a screenshot to show how it is currently displaying .

Has there been a release with changes in what is supported in recent weeks.

Thanks

Andrew 

[kirsten_naughto]

Hi Andrew_A,

On their own <div class="content-box"> and <div class="grid-row"> should allow the content to stack on top of each other unless there is additional styling associated that creates an inline-block display or a flexbox type display. Do you have any columns associated with those content blocks? We use the content-box and grid-row classes pretty heavily and have not had any recent changes to the way our pages display. I'd be happy to help you troubleshoot if you are interested.

[Andrew_A · Accepted solution]

Hi

In the end by adding the following to the css file the problem was solved

.header-bar {

    flex-direction: column;

}