@media (max-width:628px){.et_pb_blog_grid .et_pb_image_container{position:relative;width:30%;float:left;margin:0px}.et_pb_column .et_pb_blog_grid .column.size-1of1 .et_pb_post{margin-bottom:0px!important}.et_pb_blog_grid_wrapper .et_pb_blog_grid .et_pb_post .entry-featured-image-url{margin-bottom:0px}.et_pb_blog_grid_wrapper .et_pb_blog_grid h2{margin-left:35%}.et_pb_blog_grid_wrapper .et_pb_blog_grid .post-content{display:none}}[css]
@media only screen and (max-width:980px){.three-columns .et_pb_column{width:33%!important}}@media only screen and (max-width:479px){.three-columns .et_pb_column{width:50%!important}}[/css]
Here are some example CSS class and code options you can use for any row moving forward!\
[css]
@media only screen and (max-width:980px){.two-columns .et_pb_column{width:50%!important}.three-columns .et_pb_column{width:33.33%!important}.four-columns .et_pb_column{width:25%!important}}[/css]