How do I make my div fit the height of the text?


I have a div that is situated in row 1 / 1 which is set as 1fr.
I just have a text called Piper but the height of the textbox is unknowingly so long that it is messing up my grid.

the textbox is in the div and Im having a hard time squeezing the height of the div into the height of the text.

Any thoughts?

by the way, I have my desktop size website all set up and now working on tablet size.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

can you share your project link please?