# UXP Panel grid layout **URL:** \ **Category:** UXP Plugin API\ **Tags:** react, ui, uxp, javascript, css\ **Created:** [May 25, 2025, 1:14pm UTC](https://forums.creativeclouddeveloper.com/t/uxp-panel-grid-layout/10943 "2025-05-25T13:14:09Z")\ **Posts on this page:** 2\ **Page:** 1
**Author:** ![diredko](https://avatars.discourse-cdn.com/v4/letter/d/838e76/32.png) [@diredko](https://forums.creativeclouddeveloper.com/u/diredko)\ **Post date:** [May 25, 2025, 1:14pm UTC](https://forums.creativeclouddeveloper.com/t/uxp-panel-grid-layout/10943/1 "2025-05-25T13:14:10Z")
Hi All, I’m looking for a way to layout items on UXP panel in a grid fashion. I tried using grid display and also a table but neither has worked. How can I display elements as grid in panel within a div? ---
**Author:** ![Karmalakas](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/karmalakas/32/1048_2.png) [@Karmalakas](https://forums.creativeclouddeveloper.com/u/Karmalakas)\ **Post date:** [May 25, 2025, 1:41pm UTC](https://forums.creativeclouddeveloper.com/t/uxp-panel-grid-layout/10943/2 "2025-05-25T13:41:13Z")
When I tried 5 years ago, grid was not supported, so I assume it still isn’t. Try flexbox > [@CSS Flex layout column stretch issue](https://forums.creativeclouddeveloper.com/t/css-flex-layout-column-stretch-issue/2259): > > Hi, I’m new to React and UXP so you will see a few questions from me in this forum board slight_smile So… I have [fiddled around](https://jsfiddle.net/Karmalakas/qm72rkax/96/) to make a layout I want for my future plugin panel. As CSS grid is not available, I used a bit more complex structure of CSS flex. But there’s an issue with columns (just copy/paste [JSFiddle code](https://jsfiddle.net/Karmalakas/qm72rkax/96/) to sample UI playground plugin): See boxes 3, 4 and 6. No matter what I try, I can’t make columns stretch from top to bottom of a row - they are always centered. …