Hi @Raphaelavazq
Your solution looks great! However, here are some suggestions.
- Using '!important' is not recommended, you can use the developer tools in Chrome to see which element is inheriting styles from.
- Flexbox is the better way to center an element, avoid using margin and padding to do this, it can be very complicated 🤯
For a better explanation you can check this link, QR-code and this QR-base
Hope this is helpful, if it is, don't forget to mark it, thank you
Keep up the good work!