Trying to make title full width

I’m trying to make the title full width of the tablet and I’m not sure how.

I did have it working with grids but would like to use sections and this is where the problem started.

The code is:
type: custom:digital-clock
card_mod:
  style: |
    ha-card {
    background: none;
    font-size: 2rem;
    font-family: sans-serif;
    text-align: center;
    }
    span.first-line {
      font-weight: bold;
      line-height: 0.75; 
    }
firstLineFormat: h:mm ccc d LLLL
secondLineFormat: ""

I can’t add the code in the title section at the top because from what I see it’s only markdown. Adding the text in markdown is then difficult to format to the full width of the tablet without card-mod I believe.

Can anyone advise on how I can make a top section full width of the tablet?

Thank you