# Flexbox css styling on no-code elements in uibuilder problem

**URL:** https://discourse.nodered.org/t/flexbox-css-styling-on-no-code-elements-in-uibuilder-problem/85122
**Category:** General
**Tags:** uibuilder
**Created:** [1 February 2024 14:50 UTC](https://discourse.nodered.org/t/flexbox-css-styling-on-no-code-elements-in-uibuilder-problem/85122 "2024-02-01T14:50:01Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![pandoras\_node](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/pandoras_node/32/91739_2.png) [@pandoras\_node](https://discourse.nodered.org/u/pandoras_node)
#### Post date: [1 February 2024 14:50 UTC](https://discourse.nodered.org/t/flexbox-css-styling-on-no-code-elements-in-uibuilder-problem/85122/1 "2024-02-01T14:50:01Z")

</div>

Hello. Flexbox css dont work on my uib element forms. My UIbuilder dashboard have a mix of no code html (uib-element forms) and html code.

Whatever i write in index.css override defaults styling in uibuilders standard css file. Which is one of uibuilders best feautures imo. However this does not work when i want to style no code with flexbox.

I make flexbox div/container in html code, then apply styling but it doesnt seem to work.

Any suggestions? How would u normally apply flexbox css styling on no code stuff in uibuilder.

BR

---

<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: [1 February 2024 22:03 UTC](https://discourse.nodered.org/t/flexbox-css-styling-on-no-code-elements-in-uibuilder-problem/85122/2 "2024-02-01T22:03:01Z")

</div>

Hi there, just to set the scene, I can say for sure that flex and grid layouts do work with the `uib-brand.css` (and thanks for the nice comment by the way. 😀 ). Indeed, I've been playing this evening trying to improve the uib form layouts using flexbox as I've just thrown together a staff search function from our HR data. Still not got the css quite right though I'm afraid.

However, CSS isn't always obvious and the specifity rules can easily catch you out - they do me very often.

I tend to have to use one of the online flexbox tools to get the basic CSS sorted.

If you can share some example HTML and CSS, I'm sure that I or one of the much bigger brains on the forum will be able to help.

---

<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: [16 April 2024 13:57 UTC](https://discourse.nodered.org/t/flexbox-css-styling-on-no-code-elements-in-uibuilder-problem/85122/3 "2024-04-16T13:57:00Z")

</div>

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