All comments

• 

  Ar• 420

  @abdmud

  Submitted over 1 year ago

  I found combining and rotating the background images quite difficult - I am aware that I had to use transform to achieve this but couldn't manage to replicate the design. Any suggestions are welcome!

  

  Profile Card Component

  1

  2

  0

  

  elidrc• 80

  @elidrc

  Posted over 1 year ago

  Hi @abdmud,

  Good solution, here you have some feedback:

  • Try to use the background css properties instead of img tag.

  • Use main tag to contain the card component.

  • Try to use the follow structure for the card component:

  <article class="card"> 
        <div class="card-header">
        </div> 
        <div class="card-body">
        </div>
        <div class="card-footer">
        </div>
  </article>
  

  • Try to use rem unit measure instead px here you can find a good explanation of why use the rem unit.

  I hope this help you to improve your code. Happy codding.

  0