# Size of groups and images in a widget

**URL:** https://discourse.nodered.org/t/size-of-groups-and-images-in-a-widget/13721
**Category:** Dashboard
**Created:** [26 July 2019 15:27 UTC](https://discourse.nodered.org/t/size-of-groups-and-images-in-a-widget/13721 "2019-07-26T15:27:16Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Andrei](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/andrei/32/10446_2.png) [@Andrei](https://discourse.nodered.org/u/Andrei)
#### Post date: [26 July 2019 15:27 UTC](https://discourse.nodered.org/t/size-of-groups-and-images-in-a-widget/13721/1 "2019-07-26T15:27:16Z")

</div>

Hello,

A couple of questions about the size of a group in the dashboard.

Adding only one widget (ui\_template) with dimensions of 5 x 14 to a group Chrome inspector shows that Card (group) size is 5 x 14 with dimensions 264 x 750 pixels

What is the formula to reach on 264 x 750 from the original 5 x 14 size ?

Second question, regarding image size:

I inserted an image of size 240 x 672 pixels to the ui\_template

Chrome inspector shows that the image is 228 x 620 pixels and intrinsic is 240 x 672 pixels.

How I can possibly have the image in the dashboard displayed with its intrinsic size (without resizing) ?

![q-02](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/5/566172fe60b34f44e9afb917bb4b904eff622a69.png)

![q-01](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/a/a1063068a9b94f41119c1cc4a35857ad4cfd8e3a.png)

---

<div class="post-metadata">

### Author: ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [26 July 2019 16:27 UTC](https://discourse.nodered.org/t/size-of-groups-and-images-in-a-widget/13721/2 "2019-07-26T16:27:54Z")

</div>

The sizes are determined from the units as allocated on the site tab of the dashboard sidebar. So 5 units using defaults 48px per unit and 6px gaps should be 5x48 + 4x6 = 240 + 24 = 264

---

<div class="post-metadata">

### Author: ![Andrei](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/andrei/32/10446_2.png) [@Andrei](https://discourse.nodered.org/u/Andrei)
#### Post date: [26 July 2019 18:57 UTC](https://discourse.nodered.org/t/size-of-groups-and-images-in-a-widget/13721/3 "2019-07-26T18:57:30Z")

</div>

Thank you very much Dave !  
In regards to the second part of my question only now I noticed that the image was being resized due to a lost CSS clause in my own flow. 🤦‍♂️
