# Adjusting size of element when using Tailwind CSS

**URL:** <https://forum.pinegrow.com/t/adjusting-size-of-element-when-using-tailwind-css/11081>\
**Category:** Beginners\
**Created:** [August 28, 2025, 11:40pm UTC](https://forum.pinegrow.com/t/adjusting-size-of-element-when-using-tailwind-css/11081 "2025-08-28T23:40:27Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![BruceM](https://avatars.discourse-cdn.com/v4/letter/b/bbce88/32.png) [@BruceM](https://forum.pinegrow.com/u/BruceM)\
**Post date:** [August 28, 2025, 11:40pm UTC](https://forum.pinegrow.com/t/adjusting-size-of-element-when-using-tailwind-css/11081/1 "2025-08-28T23:40:27Z")

</div>

Hi,

I’m a beginner Pinegrow user and started by using Bootstrap, but have found it very difficult to grasp CSS Grid and media queries in particular. I’ve just watched Pinegrow’s video about creating websites using Tailwind CSS and this looks much more user friendly. However, I’ve just gone to change the size of an element - a div I wanted to resize to 90% VW and can’t see how to do this. The Dimensions dropdown just shows various preconfigured options. The tutorial video showed all edits being done in the Element Properties tab, so I’m not sure how to go about doing this. Can anybody help? Thanks in advance.

---

<div class="post-metadata">

**Author:** ![BruceM](https://avatars.discourse-cdn.com/v4/letter/b/bbce88/32.png) [@BruceM](https://forum.pinegrow.com/u/BruceM)\
**Post date:** [August 29, 2025, 10:39am UTC](https://forum.pinegrow.com/t/adjusting-size-of-element-when-using-tailwind-css/11081/2 "2025-08-29T10:39:34Z")

</div>

Sorted! I wanted a div centre justified in a section, occupying 90% of the viewport width. I set the parent element, section, to flex and then set the Dimension Width for the div to 90vw in the Style Panel. Not sure if this is best practice but it worked 🙂