Article Preview Component | Modern CSS | Fluid Responsive Design

What challenges did you encounter, and how did you overcome them?

During this project I learned how to use object-fit and object-position, although I would love to know how others went about this, as I don't like my final result.

I also learned it can be difficult to style an SVG that is being used in an <img>. I ended up using filter: brightness(100); to change the socials icon button color when active.

What specific areas of your project would you like help with?

I used an img tag for the primary image in the article component and I've learned that I'm not very good at manipulating images in CSS. I would love some feedback and/or tips about this.

If anyone could give me tips on how to properly handle color changes with SVG images, I'd appreciate it!