# Files displayed as list not grid

**URL:** https://community.transloadit.com/t/files-displayed-as-list-not-grid/15609
**Category:** Uppy
**Created:** [February 16, 2021, 4:09pm UTC](https://community.transloadit.com/t/files-displayed-as-list-not-grid/15609 "2021-02-16T16:09:52Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![VikKuk](https://avatars.discourse-cdn.com/v4/letter/v/e480ec/32.png) [@VikKuk](https://community.transloadit.com/u/VikKuk)
#### Post date: [February 16, 2021, 4:09pm UTC](https://community.transloadit.com/t/files-displayed-as-list-not-grid/15609/1 "2021-02-16T16:09:52Z")

</div>

Hi,  
I’m using Uppy in my Vue application and uploaded files displaying as list not as a grid on demo.

 ![image](https://canada1.discourse-cdn.com/flex032/uploads/transloadit/original/1X/a2494aa0442351b312d0b139e2747e689529cf6b.png)

Can you tell me how to change layout to grid ?

---

<div class="post-metadata">

### Author: ![goto-bus-stop](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.transloadit.com/goto-bus-stop/32/18_2.png) [@goto-bus-stop](https://community.transloadit.com/u/goto-bus-stop)
#### Post date: [February 16, 2021, 5:01pm UTC](https://community.transloadit.com/t/files-displayed-as-list-not-grid/15609/2 "2021-02-16T17:01:07Z")

</div>

It depends on the available width. Uppy’s design is responsive so if it is rendered into a narrow area, it will switch to the mobile view. It needs about 600px of space for the grid.

---

<div class="post-metadata">

### Author: ![VikKuk](https://avatars.discourse-cdn.com/v4/letter/v/e480ec/32.png) [@VikKuk](https://community.transloadit.com/u/VikKuk)
#### Post date: [February 17, 2021, 9:16am UTC](https://community.transloadit.com/t/files-displayed-as-list-not-grid/15609/3 "2021-02-17T09:16:19Z")

</div>

Ok, now it makes sense.  
Is there a way to force it to always use grid style ?