Block Layout Help (Mainly Cbox)

[StormWolfe 557]

Good Day,

 

First, I hate cboxes, but the site owner wants one so there we go 😉 

 

I have the cbox installed and have played with its width and height. I have the blocks layout set-up how we want them, but the cbox makes a mess on mobile devices. Below is the code I am using to set the blocks layout. Is there a better way to do it so that everything still works with mobile devices? Note: #block_12 is the cbox.

 

Site URL: https://mpiw-rpg.com

 

#block_6, #block_7, #block_9 {

    max-height: 250px;

    overflow: auto;}

#block_3, #block_10, #block_12 { flex: 1 1 100%; }

[Arceus 1,081]

Set the cbox HTML for width 100%, so that it will adjust width on resolution.  As long as the parent container is not wider than necessary, it won't take up the entire screen.