Adding 2 column Layout for MailChimp HTML CSS

Question

I'm in a tizzy here. I got a mailchimp layout which I exported from MailChimp. Right now the layout is 3 column, but in Mobile it's 1 column. Here is the codepen: goo.gl/Fj8Ct7

Can someone help me to get it to be 2 column layout in mobile view?

I'm in a real pickle here.

Best, Mike

Answer 1

Try changing your .columnWrapper in your css where max-width: 480px from width 100% to 50%

@media only screen and (max-width: 480px){
        .columnWrapper{
            max-width:50% !important;
            width:50% !important;
}

FINAL RESULT