Profile card made with heavy use of flexbox

👋Hi TiredQuan! My name is Vanza!

Does css art means svg? I think it's okay to use those svg as background-image. Anyway, I have some feedback that will improve this solution:

• Try to use consistent indentation on your css and html, so they can be easily be read.
• Let's take a look on this chunk of your css:

[class*="card-profile"] {
    padding: 0 0 0 0;
    margin: 0 0 0 0;

}

• You can get the same effect by just writing this:

[class*="card-profile"] {
    padding: 0;
    margin: 0;
}

• On mobile screen size (below 400px width), try to add padding-right and padding-left on your body to prevent the card touching the corner screen.

That's it! Hopefully this is helpful!

Happy Coding and Keep on Learning!