# Uibuilder - Changing the size of html elements when deploying frontend codes

**URL:** https://discourse.nodered.org/t/uibuilder-changing-the-size-of-html-elements-when-deploying-frontend-codes/65911
**Category:** General
**Tags:** uibuilder
**Created:** [2 August 2022 06:42 UTC](https://discourse.nodered.org/t/uibuilder-changing-the-size-of-html-elements-when-deploying-frontend-codes/65911 "2022-08-02T06:42:52Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![miladmrm](https://avatars.discourse-cdn.com/v4/letter/m/a4c791/32.png) [@miladmrm](https://discourse.nodered.org/u/miladmrm)
#### Post date: [2 August 2022 06:42 UTC](https://discourse.nodered.org/t/uibuilder-changing-the-size-of-html-elements-when-deploying-frontend-codes/65911/1 "2022-08-02T06:42:53Z")

</div>

UIbuilder changes the size of HTML elements in my frontend code when deploying. What is the reason?  
My html body out of uibuilder is `1862*1040` and in uibuilder is `1551*1034`.  
Even when I did not use uIbuilder and used template node, it still reduces the width of the window.

---

<div class="post-metadata">

### Author: ![fmarzocca](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fmarzocca/32/35901_2.png) [@fmarzocca](https://discourse.nodered.org/u/fmarzocca)
#### Post date: [2 August 2022 07:57 UTC](https://discourse.nodered.org/t/uibuilder-changing-the-size-of-html-elements-when-deploying-frontend-codes/65911/2 "2022-08-02T07:57:16Z")

</div>

Not very clear, you should post the code. Are you using any css file that is changing the size of your body?

---

<div class="post-metadata">

### Author: ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [2 August 2022 11:09 UTC](https://discourse.nodered.org/t/uibuilder-changing-the-size-of-html-elements-when-deploying-frontend-codes/65911/3 "2022-08-02T11:09:53Z")

</div>

Have you used the default CSS file? That imports a uibuilder default CSS which can be helpful for novices but not for people wanting to take full control.

---

<div class="post-metadata">

### Author: ![miladmrm](https://avatars.discourse-cdn.com/v4/letter/m/a4c791/32.png) [@miladmrm](https://discourse.nodered.org/u/miladmrm)
#### Post date: [2 August 2022 11:13 UTC](https://discourse.nodered.org/t/uibuilder-changing-the-size-of-html-elements-when-deploying-frontend-codes/65911/4 "2022-08-02T11:13:14Z")

</div>

No, I deleted the default CSS file.  
I have css file which is 3000 lines, can't upload here.  
My question is why all my html elements are resized. It's like zooming in!

---

<div class="post-metadata">

### Author: ![miladmrm](https://avatars.discourse-cdn.com/v4/letter/m/a4c791/32.png) [@miladmrm](https://discourse.nodered.org/u/miladmrm)
#### Post date: [2 August 2022 11:17 UTC](https://discourse.nodered.org/t/uibuilder-changing-the-size-of-html-elements-when-deploying-frontend-codes/65911/5 "2022-08-02T11:17:49Z")

</div>

Oh my god!  
The problem was that UI Builder opens my browser window at 120% and I don't know why! It's very strange

---

<div class="post-metadata">

### Author: ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [2 August 2022 11:18 UTC](https://discourse.nodered.org/t/uibuilder-changing-the-size-of-html-elements-when-deploying-frontend-codes/65911/6 "2022-08-02T11:18:21Z")

</div>

> [@miladmrm](#):
>
> The problem was that UI Builder opens my browser window at 120% and I don't know why! It's very strange

Not a uibuilder issue, a browser issue.

uibuilder is simply a helper library on the client side, it doesn't do anything clever unless you ask it to. Zooming the client is not a uibuilder feature 😃

---

<div class="post-metadata">

### Author: ![miladmrm](https://avatars.discourse-cdn.com/v4/letter/m/a4c791/32.png) [@miladmrm](https://discourse.nodered.org/u/miladmrm)
#### Post date: [2 August 2022 11:27 UTC](https://discourse.nodered.org/t/uibuilder-changing-the-size-of-html-elements-when-deploying-frontend-codes/65911/7 "2022-08-02T11:27:43Z")

</div>

Thank you TotallyInformation  
You're an expert in NR!

---

<div class="post-metadata">

### Author: ![fmarzocca](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fmarzocca/32/35901_2.png) [@fmarzocca](https://discourse.nodered.org/u/fmarzocca)
#### Post date: [3 August 2022 06:29 UTC](https://discourse.nodered.org/t/uibuilder-changing-the-size-of-html-elements-when-deploying-frontend-codes/65911/8 "2022-08-03T06:29:25Z")

</div>

Of course, he is uibuilder's author!

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)
#### Post date: [2 October 2022 06:30 UTC](https://discourse.nodered.org/t/uibuilder-changing-the-size-of-html-elements-when-deploying-frontend-codes/65911/9 "2022-10-02T06:30:14Z")

</div>

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.
