Responsive Profile Card Component with HTML5,CSS3,Flexbox and Grid

Community feedback

• 

  Mohsin Miyaji•440

  @mohsin316Posted over 3 years ago

  rather than giving the .bg-div .img a border radius or top right and top left, put overflow:hidden in your main and it will give the same result and save a few lines of code. great work!

  0
• 

  Hafizan Adli•1,190

  @hafizanadliPosted over 3 years ago

  Great solution! almost close to design and responsive

  for positioning background image you can do like this :

  body{
    background: url("./images/bg-pattern-bottom.svg") no-repeat top 15rem left 15rem, 
     url("./images/bg-pattern-top.svg") no-repeat top -30rem left -45rem;
  }
  

  keep up the good work

  0

  ---

  

  Nuray•100

  @ganbnurayPosted over 3 years ago

  @hafizanadli thank you a lot:)

  0