swirl | animated fingerprint icon provided in a simple , standalone | Android library

I have a relatively simple web app that I'm creating as a bookshelf and I want the user to be able to drag and drop books between the bookshelves. It works exactly as I want when I drop a book to the "right" side of the existing books in one of the bookshelves. The book that has been dragged and dropped is added to the shelf.

Where it isn't working is when I drop a book on top of an existing book. When I do that, the book is removed from the existing shelf -- but it disappears totally instead of being added to the targeted bookshelf as I desire. Its unclear to me why this is.

See here: https://mainstringargs.github.io/bookshelf-data/test.html

(I'm using Firefox, if that is relevant)

Relevant source code is here (raw html): https://github.com/mainstringargs/bookshelf-data/blob/master/test.html

Note: This was originally generated via jekyll in github, but since this problem is not jekyll centric, I'm not including that source code detail.

I largely followed this guide for how to implement drag and drop:

https://www.w3schools.com/html/html5_draganddrop.asp

The relevant javascript code is below. The 'drop' function is intended to drop the relevant list item to the new list.

The mobile version of the home page slider looks very funny, it looks stretched and doesn't fit well. I have tried setting image height to auto then it becomes small and does not fit the width and height properly. Here is the link to the project. I have tried various adjustments and the mobile version of the picture and it looks stretched and funny compared to the desktop.Please check out the link and help out

My website has been published on wordpress but everytime I search for it like " site:Swirl-x.com" it says Swirl-x.com - Coming soon. The website has been launched and is live state why do I still get the coming soon how can i fix this issue

I am currently making my way through Swirl, and I seem to be stuck on this part. As you can see, it doesn't accept (what I think is) the right answer, and when I try to skip it just takes me out of Swirl. Not sure what the problem is here, should I just uninstall and reinstall?

First things first, I made sure to write a quick demo of the issue I'm talking about here https://codesandbox.io/s/exciting-swirles-7cs3s

But essentially, using the isomorphic-fetch library, I'm running into an issue where I can't really get the value, or you might say, resolution, of the fetch() function.

I have a flexBox which has 2 children. 1 child is just an icon and it doesnt seem to take up the same height as the other child. Please advice me on a way to fix this.

Playground URL:URL

I'm writing a program as an exercise for if-elif-else statements and I could do with some advice as to why an elif statement is not running.

I want to give the option to pick up rocks for the inventory. That works, but if I say I do NOT want to pick up the rocks, that elif statement seems to be ignored and I pick up the rocks and they are added to my inventory.

I have no actual errors, but cannot see why the elif statement is not being actined. I have used this several times in the same program as part of this exercise and not had this continual problem.

These are the statements I seem to be having issues with:

I'm using Material-UI Autcomplete component (Free solo version) and everything is working fine until i added resposive to the drawer variant={!matchesSM ? 'persistent' : null}.

I am trying to implement a gsap example from codepen. Nothing shows when I launch my html file. I remove the styles CSS at the bottom and it started showing. I believe the CSS is scss, which makes it more confusing because I assumed I could use it. The html file is below. I haven't used scss before so it seems strange to me.