Profile card made with heavy use of flexbox

Community feedback

• 

  Vanza Setia•27,775

  @vanzasetiaPosted over 3 years ago

  👋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!

  Marked as helpful

  1