Profile card component

Community feedback

• 

  Rajaul Islam Ratul•1,250

  @ratul0407Posted about 1 year ago

  Hey coder🚀🚀

  Congratulations on completing this challenge🎉🎉🎉. The solution is pretty good. Onto your question,

  • For the background images instead of using percentages background-position: -50% 180%, 160% -150%; ,You can use vw and vh something like this,

  body {
    background-position: right 50vw bottom 40vh, left 50vw top 50vh;
  

  Now the problem with using percentages are that they would not behave as you want if the viewport changes a little bit as they are hardcoded. But with vh and vw no matter what the screen size is they will always be visible and stay in the same place as they are relying on the user's view height and view width.✌

  • And for the box-shadow, there is hardly any box-shadow in the design. Maybe a little bit of shadow around the corners. Now to achieve such a small thing you have to play around with a lot of numbers (blur radius, spread radius etc....) and it is a little painful. So why don't you use a box-shadow generator to reduce the pain a little bit. Like this one or maybe this one

  I hope it was helpful for you👍👍

  Happy coding brother🙂🙂

  0