Profile Card Component using HTML/CSS with Flexbox, REM and variables.

Community feedback

• 

  

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted over 3 years ago

  Greetings, Eric Salvi! 👋

  Nice to see you complete another challenge! 😀 Good job on this one! 👏 I took a look at your code, and it also looks quite good! 👍

  Just a tip for your HTML—you can make your markup more semantic by using an <article> tag for the profile card (since it is a self-contained element) and a heading tag for an appropriate element inside it (rather than using just <div>s for mostly everything). 😉

  And I would suggest looking into using viewport units to position the background images in this challenge (since that will allow you to position them images so that they don't move around so much when the screen is resized). 🙂

  Keep coding (and happy coding, too)! 😁

  1

  ---

  

  Eric Salvi•1,350

  @ericsalviPosted over 3 years ago

  @ApplePieGiraffe I'll try to implement those in my next few challenges. This one was a bit challenging for the positioning of the background images. The FAQ accordion one I am currently working is similar to the background image.

  0