I'm using the pattern from this MDN example to provide visual feedback for HTML form validation with just CSS. This works just fine in Gecko (Firefox / Zen) and Codepen.io but does not work the same in Blink (Vivaldi / Chromium).

I have no idea what I'm doing so would love any help, here's the code snippet, which also show the pico.css include.

Edit: fixed typo and wanted to add that I'm getting very close to unleashing my total nonsense acoustic-coding Go project. I'm excited to share my fumblings and stumblings to make something just for giggles! I hope I can nerd-snipe some experts in to giving me some guidance on what I should do differently. Basically, I'll be asking for more help soon, so thanks in advance!

#HTML  #CSS #Gecko #Firefox #Zen #Blink #Vivaldi #Chromium #PicoCSS #GoLang #AcousticCoding