How to wrap text with JSON in SP (gallery view)

Question

I am unable to wrap the title text and have tried couple of options.Can anyone help me out with this?

This is how it looks:

This is the code:

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "div",
  "style": {
    "box-sizing": "border-box",
    "white-space": "normal",
    "word-break": "break-word"
  },
  "attributes": {
    "class": "sp-field-fontSizeSmall sp-css-color-DarkGreenText sp-field-bold"
  },
  "txtContent": "[$Title]"
}

Answer 1

{

"$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",

"elmType": "div",

"style": {

"box-sizing": "border-box",

"white-space": "normal",

"word-break": "break-word"

},

"attributes": {

"class": "sp-field-fontSizeSmall sp-css-color-DarkGreenText sp-field-bold"

},

"txtContent": "[$Title]"

}

Answer 2

{

"$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",

"elmType": "div",

"style": {

"box-sizing": "border-box",

"white-space": "normal",

"word-break": "break-word"

},

"attributes": {

"class": "sp-field-fontSizeSmall sp-css-color-DarkGreenText sp-field-bold"

},

"txtContent": "[$Title]"

}

Answer 3

"box-sizing": "border-box",

"white-space": "normal",

"word-break": "break-word"

Answer 4

"box-sizing": "border-box",

"white-space": "normal",

"word-break": "break-word"

Answer 5

"class": "sp-field-fontSizeSmall sp-css-color-DarkGreenText sp-field-bold"