.grid {
grid-template-columns: 1fr 1fr;
@media (max-width: 767px) {
grid-template-columns: 1fr;
}
}<template>
<input type="range" v-bind:min="litersMin" v-bind:max="litersMax" v-model="liters" />
</template>
<script>
export default {
data() {
return {
liters: 0,
litersMin: 0,
litersMax: 100
}
}
}
</script>