Profile Card Component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 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.

  Marked as helpful

  0

  ---

  

  Fuhad Raheem•100

  @FuhadRaheemPosted over 2 years ago

  @correlucas wow! this really helps bro. i was struggling with the responsiveness before xD. thanks

  1

  

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  @FuhadRaheem You're welcome Fuhad!

  0