How to keep columns in mobile view in DIVI

Here is CSS Code:
@media only screen and (max-width:980px){
.three_columns .et_pb_column {
width: 50% !important;
}
}
@media only screen and (max-width:479px){
.three_columns .et_pb_column {
width: 33% !important;
}
}
Feel free to comment below.
And if you need any divi related professional help you can go to farjana-rashid... and just write down your inqury in details... I'll reply you back within 24 hours.... Thank youuuu.....
If you still did not buy DIVI theme then get it now - farjana-rashid...

[@evakettler7636]

That worked perfectly! It threw me for a minute because I set the CSS class as "three-columns" instead of "three_columns", but that was an easy fix. Thanks so much for posting!

[@MadeByJubayerAhamed]

Thank you very much ma'am, I really appreciate your efforts. I was facing this problem for months. Now I finally got this solution. These helped me a lot. Thank you very much.

[@Trollkvinna8]

Magic! Thanks Farjana!

[@sandeepbodhe3760]

wgat if i want only two colums can you please tell me that css code

[@Sam-mw3yq]

its not working

[@hookabooin8506]

can i add the same code you have mentioned? in my website please response need help

[@hookabooin8506]

@@farjanarashid644 did not received any reply from you.

[@techsense3609]

are u available for help?

[@farjanarashid644]

Yes I am. You can contact me through my website farjana-rashid.com/book-now/

[@hamzarehman8875]

Please Don't Copy Paset... other KZbinrs! #OriginalContent

[@WPANDSEOTUTORIALS]

Eeheheh yup its copied! even she copied classes name as well nnot only method though. :P

[@eddieduque9371]

you lost me, I need to find a better explained video.. :-(

[@Sim00n]

this is the original video she copied quite poorly : kzbin.info/www/bejne/pXetgX6OodiSaLs