Profile Card Component

Community feedback

• 

  P

  Jose Barriguete•110

  @jbarriguete86Posted 7 months ago

  Great job! Really well organized.

  The only think I would recommend is to use rem units for font size. 1 rem is equal to 16px.

  Also you can research about em for paddings for instance. This will help you to think in the responsiveness of your web apps.

  I really love your design congrats

  0

  ---

  

  Tksmith•240

  @Tksmith-guruPosted 7 months ago

  @jbarriguete86 We're all getting better everyday, I'm glad you like it Thanks for the insight, I try to use that next time

  0
• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 7 months ago

  Hello @Tksmith-guru

  Your solution looks great!

  The background pattern with the circles is a bit tricky. Here's how I did it, in case you wanna see other options:

  📌 Add this to the body:

    background-color: var(--Dark-cyan);
    background-image: url("./images/bg-pattern-top.svg"), url("./images/bg-pattern-bottom.svg");
    background-repeat: no-repeat, no-repeat;
    background-position: right 52vw bottom 35vh, left 48vw top 52vh;
  

  I hope it helps!

  Other than that, you did an excelent job!

  0

  ---

  

  Tksmith•240

  @Tksmith-guruPosted 7 months ago

  @danielmrz-dev
  Thanks for the encouragement and insights man, by the way the centering solution worked out great. I'm going to try this out But what can I say u're a boss when it comes to web- dev 😎

  1