@romannst
Posted
Hi Allan, I see your solution has some common issues that affect responsive design on different devices:
- First i recommend u to use a modern css reset, Andy Bell or Josh Comeau both have good ones.
- Remove the width and height on the general box (the card). You don't need that. All it needs is a single max width in rem.
- The container class need min-height 100svh along with flex column properties to center. It's the browsers job to decide how tall the component needs to be.
I'm also just starting out, so it's good for me to try to help people who are going through the same path. Good luck with your upcoming projects!