How To Create This Advanced Credit Card Form With CSS, Java Script

I recently stumbled upon a really cool CodePen of some credit card inputs and one design in particular stuck out to me. I spent a bunch of time recreating it and this video is a tutorial on how to recreate the final product of this design. It has a lot of challenging CSS and JS restraints which is really fun. Materials, References: GitHub Code: Referenced CodePen: Why I Use Data Attributes In JavaScript Article: Emmet Video: HSL Video: HSL Article: Advanced Flexbox Concepts Video: Defer vs Async Video: Defer vs Async Article: Regexp Video: Find Me Here: My Blog: My Courses: Patreon: Twitter: Discord: GitHub: CodePen: Timestamps: 00:00 Introduction 01:18 HTML 11:26 CSS 24:33 JavaScript , CSS, WDS, JavaScript