Article preview component using SASS CSS

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

Adding the custom toast was a bit challenging, especially on the transition between mobile and tablet/desktop. Aligning the toast manually by guess took a while and in the end, the quality of the css probably wasn't the greatest but I managed to make it look very similar to the intended design.

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

I would like to know how to dynamically align the toast.

Here for example I have:

@include breakpointMobile(48rem) {
	top: 0%;
	left: auto;
	bottom: auto;
	right: -32.5%;
	border-radius: 0.625rem;
	z-index: 10;
...
}

I've set right: -32.5% but then on a bigger screen size the toast wouldn't be aligned, so I had to manually tweak it:

@include breakpointMobile(80rem) {
	right: -27.5%;
}