This technique works great for cropping awkwardly-sized avatar pictures down to squares or circles. You can do all of that with a single line of CSS using object-fit: cover
.
Check out this Pen!
Tags: #Code, #CSS, #CSS3, #HTML, #HTML5, #Resource, #Snippets, #Tutorial, #Web Design, #Web Development