All solutions

My first Svelte project. Enjoyed it. What do you think? Is everything ok with file structuring etc.?

If you know any free geolocation api that works with both ip and domain address, let me know. I reached limit on several api)

Is it okay to use mutationobserver in this case?

Flip animation was too much for my css animation skills so I did the simpler one.

Is using "object-fit: cover" for image can be considered as best practices in these situations?

I used scrollbar for overlapping content and made it invisible. Is it ok?

Also I used two different approaches to create this component:

1. Creating static list of notifications in html.
2. Creating this list using only DOM manipulations.

Which one do you think is better? (I know that it wasn't necessary to build it just using DOM but I just wanted to refresh my knowledge about it)

Am I using best practices manipulating with DOM? Should I use media-queries this way or is there any better solution for pesponsive layouts?

Can you suggest me good way to center vertically this type of divs? I just used margin to make illusion of centering.