Profile Card Component

Community feedback

• 

  Lucas 👾•104,160

  @correlucas

  Posted almost 3 years ago

  👾Hello Fuhad, congratulations for your solution!

  You did a really good solution here, the background is the hardest part and is working well.

  You've only to fix the component that isn't responsive due the width you've inserted for some elements. You don't need to se the height this value come from the elements inside and its paddings/margins. Add max-width in order to allow it to contract when the screen resizes. See the code below:

  .container { max-width: 380px; }

  Also avoid to use position relative to center the component elements, using display: flex you'll have really more control over these elements.

  Hope it helps, happy coding bro.

  02

  Marked as helpful