Min and max height on image

Question

I am very new to Joomla. I normally just do all my styles with CSS, but Joomla is a little more frustrating.

How do I set a min and max height on an image? Also is there a way to adjust the margin and padding?

Here is the site. I am working with the company logo in the header. It is dynamic and changes size as the window changes size. When the window is 768px wide, the text is so small, it is unreadable. shrink the window to 767px, the logo gets way too big.

Answer 1

You will firstly need to create a custom.scss file is it doesn't exist. For more information on this, have a look at the Gantry 5 documentation:

http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet

Once you have you custom SCSS file, apply your changes and it will automatically be recompiled.