Jump to content

In my layout 2 columns on small devices


mstdmstd
 Share

Recommended Posts

Hello,
Could you please look at design of
http://vtasks.my-demo-apps.tk/
site

In my vue/cli 4 / Bootstrap 4.3 app I make listing of tasks in 1 column on small devices(ipad-s)
and 2 columns on big devices, like :
 

<div class="row " v-show="tasks.length && is_page_loaded">
<div v-for="(nextActiveTask, index) in tasks" :key="nextActiveTask.id" class="col-sm-12 col-md-6 p-2 m-0">
<task-list-item
:currentLoggedUser="currentLoggedUser"
:nextActiveTask="nextActiveTask"
:index="index"
:is_show_location="true"
></task-list-item>
</div>
</div>

But testing different devices with Chrome, Chromium I see 2 colums on ipad:
https://imgur.com/a/QEfcHdi
and I do not see why.
Is it error in my design? Problems with browsers ?

Thanks!
 

Link to comment
Share on other sites

This thread is more than a year old.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.