Skip to content
Submitted about 2 years ago

Responsive Profile Card Component

sass/scss
Bogdan Kim•780
@semperprimum
A solution to the Profile card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I would greatly appreciate any feedback you may have!

  • Is my .sr-only class correct?
  • Looks like the border-radius property is not functioning as expected on the profile picture in Safari. I attempted including -webkit-border-radius: 50%, but it did not resolve the issue.. What can i do to fix this?
Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Fluffy Kas•7,655
    @FluffyKas

    Hey, this looks great! I don't have a screen reader but your sr-only class seems good (probably it's exactly the same I use actually). I'm on Safari and I don't see any issues with the border-radius. The only thing you missed is the box-shadow on the card, other wise it looks kinda pixel-perfect. Well done :)

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord