# Grid adjust columns to with of screen

**URL:** <https://forums.realmacsoftware.com/t/grid-adjust-columns-to-with-of-screen/45471>\
**Category:** RapidWeaver Elements\
**Created:** [December 2, 2024, 9:20am UTC](https://forums.realmacsoftware.com/t/grid-adjust-columns-to-with-of-screen/45471 "2024-12-02T09:20:51Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Colaorom](https://avatars.discourse-cdn.com/v4/letter/c/aca169/32.png) [@Colaorom](https://forums.realmacsoftware.com/u/Colaorom)\
**Post date:** [December 2, 2024, 9:20am UTC](https://forums.realmacsoftware.com/t/grid-adjust-columns-to-with-of-screen/45471/1 "2024-12-02T09:20:51Z")

</div>

Hello!  
I hava a grid item with space for 3 columns and fill those up with content. It seems really nice on a bigger screen. But when I change to standing mobile it gets very crowded. Se picture.

Is there any way to make it adjust so in smaller screens it change from 3 colums to 3 rows?

 ![Skärmavbild 2024-12-02 kl. 10.20.21](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/6/2/629d028ecfff5683687ed67881414845ef5040b3.jpeg)  
 ![Skärmavbild 2024-12-02 kl. 10.18.11](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/a/6/a66f0cf646508f94b8353146358d00cafbd64d7b.jpeg)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [December 2, 2024, 9:43am UTC](https://forums.realmacsoftware.com/t/grid-adjust-columns-to-with-of-screen/45471/2 "2024-12-02T09:43:50Z")

</div>

No problem! Elements support responsive design, here’s how to do it…

---

<div class="post-metadata">

**Author:** ![Colaorom](https://avatars.discourse-cdn.com/v4/letter/c/aca169/32.png) [@Colaorom](https://forums.realmacsoftware.com/u/Colaorom)\
**Post date:** [December 2, 2024, 9:56am UTC](https://forums.realmacsoftware.com/t/grid-adjust-columns-to-with-of-screen/45471/3 "2024-12-02T09:56:19Z")

</div>

I completely missed that you could use the screen size icons to not only preview but also to adjust items by viewing sizes.

Really nice and clever feature!