Profile Card Component

Community feedback

• 

  chamackstone•470

  @yannmarcPosted over 1 year ago

  • Your solution Semantically right in my opinion as far as HTML is concerned.
  • Accessibility is well respected in my opinion, but for your images you can use ` <picture> <source media="(min-width:your-breakpoints)" srcset="your image"> <img src="your image" alt="image alt" style="width:auto;">

  </picture>` to ensure the good responsiveness of your images

  • Check your layouts at breakpoints = 320px, and add some padding or 1rem to make it portable.
  • For the background image issues, use the property backgroud-size: contain. This applicable to svg images (background) and for jpg's use background-size: cover

  Marked as helpful

  1

  ---

  

  Gurnav chaudhary•160

  @Gurnav224Posted over 1 year ago

  @yannmarc thanks for your suggestion

  0