Grid question, wrapping when using grid template-rows

Hey, I've not used grid so much so bear with me, I'm styling a definition list and have got it looking exactly how I want it, however I want the dt + dd items to wrap onto a new line when overflowing horizontally.

I guess my question is, is this possible with using grid-template-rows? and if so please impart me with your knowledge ❤️

example code is https://codepen.io/brumgb/pen/XWOpKEx
Was this page helpful?