Learn CSS by building a balance sheet-Step 37

Tell us what’s happening:
I am coping and pasting the code needed to go on to step 38 but unsure what I’m doing wrong.

Your code so far

Please copy/paste all the editor code showing in the challenge from where you just linked.

span[class~="sr-only"] {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  -webkit-clip-path: inset(50%);
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  padding: 0;
  margin: -1px;
}

html {
  box-sizing: border-box;
}

body {
  font-family: sans-serif;
  color: #0a0a23;
}

h1 {
  max-width: 37.25rem;
  margin: 0 auto;
  padding: 1.5rem 1.25rem;
}

h1 .flex {
  display: flex;
}
h1 .flex span:first-of-type {
font-size: 0.7em;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.124 Safari/537.36 Edg/102.0.1245.44

Challenge: Step 37

Link to the challenge:

This works for me. Did you accidentally make any changes to the HTML that would cause this not to work?

I must have changed something because it worked. Thank you for trying as well.