Article Preview Component Vanilla HTML CSS and Javascript

Hey, Shawtii!

1. You need to use an svg tag, not an img tag. You can then set the fill property in CSS to change its color.
2. What I did is make a div element with the desired weight and height, set rotate to 45deg and adjust its position. There are ways to make triangles by changing a div's border like shown on this video, but this works just fine since you can cover half of the square when positioning it to make it look like a triangle.
3. You can use position: absolute and translate which lets you set its x and y position relative to itself so it is always at the right place. I did the same with the triangle div that we talked about in the second question.

I hope this helps!