Adjusting size of element when using Tailwind CSS

Beginners
1

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.

2

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 :slightly_smiling_face:

1 Like