Yes I got help through sending a message to tuanphan. Thank you! Here is the answer if needed:
/* Mobile code blocks side by side */
@media screen and (max-width:767px) {
div#block-641d2b17a77fc9009ed6+.row .span-6 {
width: 50% !important;
float: left !important;
}
}
I still need help because I am wanting to remove the center gap between the two boxes. I had to reduce the text font to make it all fit and look right. But if I make the margin between the two smaller, I can increase the font size even a little.