Element Ui + Vue JS [Column offset not working]

user_6504265 0
Viewed 3232

Picture

I am using Element UI for Vue js front end for my application, the problem I am facing is that when I set the offset for columns for small viewport devices it applies on the normal viewport as well. I tried overriding the CSS for the framework

<el-col :xl="{span: 4, offset: 4}"
:lg="{span: 4, offset: 4}"
:md="{span: 6, offset: 6}"
:sm="{span: 16, offset: 4}">

Here is a jsfiddle link, for reference:

element-ui vue.js
1 Answers

the problem I am facing is that when I set the offset for columns for small viewport devices it applies on the normal viewport as well.

Set for the normal viewport offset: 0. Just tested it and it works fine

user_117242430
Related