Avatar change design html css

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">

<div class="wrap">
  <img src="https://i.stack.imgur.com/mSXoO.png" class="main-profile-img" />
  <button><i class="fas fa-edit"><input type="file" name="avatar"></i></button>
</div>

Source: stackoverflow.com

Similar codes

44 votes268 views5 answers
Breakpoint bootstrap
CSS Bootstrap
10 votes150 views3 answers
Javascript average of numbers in array
CSS
10 votes132 views5 answers
Text-align property in css
CSS
6 votes137 views2 answers
Blink css
CSS
31 votes149 views6 answers
Overflow
CSS
5 votes142 views2 answers
How to make page responsive using css
CSS
8 votes130 views1 answer
Align in the middle of page html
CSS
0 vote129 views1 answer
Mat select remove underline
CSS
2 votes136 views1 answer
Css disable dropdown on input
CSS
8 votes142 views2 answers
Css background image full screen responsive
CSS