dasteen

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.container {
	background: #dddddd;
	width: 90%;
	margin: 0 auto;

dasteen

<div class="container">
			<div class="row">
				<div class="cols col-4">четыре</div>
				<div class="cols col-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur dicta voluptas similique commodi, explicabo atque mollitia vero! Cum aliquam provident, expedita, distinctio in tenetur, eum molestias quam veritatis sed neque!</div>
				<div class="cols col-4">четыре</div>
			</div>
			
			<div class="row">
				<div class="cols col-3">три</div>
				<div class="cols col-3">три</div>

dasteen

@media screen and (max-width: 320px) {
	.container .cols.col-1,
	.container .cols.col-2,
	.container .cols.col-3,
	.container .cols.col-4,
	.container .cols.col-5,
	.container .cols.col-6,
	.container .cols.col-7,
	.container .cols.col-8,
	.container .cols.col-9,

dasteen

Preview image file(vue.js)

// if you need to pass parameters to function, you should pass $event from template
// previewImage($event, customArg, ..)
// methods: { previewImage: function(event, customArg, ..) { .. } }

// https://jsfiddle.net/mani04/5zyozvx8/

new Vue({