HTML / CSS: is there way to expand(scale) only height?

Question

When I add a height to an element, it adds height to the bottom. But I want it to add height to both sides (top and bottom).
If I use transform:scale(), it expands both width and height.

❗️Is there a way to expand / scale only height?❓

(------|---- (✔️))
(_ _ _ _ _ _ _ _ (❌))
|

This code for example, it adds height to the bottom only:
https://code.sololearn.com/WL2hb2yW1J24/?ref=app

Answer 1

Add values to your transform: scale ()

transform: scale(1,2);

Awesome Code!

Answer 2

Use align-content:center in your main div (parent div in which you added "display:flex;")

Answer 3

https://code.sololearn.com/W0B94zYa9sq7/?ref=app

I have updated your code. Hope you don't mind.