@GoatEXE
Posted
You did a better job on sizing this than I did!
On code readability, I'd recommend separating your style classes to a styles.css file in a root css folder. This is what I understand as best practice.
Visually, I'd recommend taking a look at Bootstrap 5.3 on centering the card. I believe this is what I did for horizontal and vertical centering:
class="position-absolute top-50 start-50 translate-middle"
Otherwise, I've got nothing else. Well done!