pen | We need a better Markdown previewer

I have this:

on click of li, clone it and show in a div and if clicked on other li it should show newly clicked li.

Below is my code and codepen. if feel I am missing something. https://codepen.io/AnthonyDavid/pen/xxqmqQY

I wanted to make a circle cursor and I copied the code from codepen

I am working in another IDE called Repl.it and so I copied the exact same code from codepen to repl.it (Note: I did use the correct code from codepen by compiling it first)

The code is not working in repl.it

I am not sure what I am missing, but I am pretty sure it has to do with the tags. Any help would be much appreciated.

My Output:

The cursor stays at the top left and does not move at all for some reason

This is the code:

friends. Consider simple following example that appeared not so simple to me. I am probably missing something.

My social-icon(link) worked and was visible. And suddenly it disappeared and didn't work.

HTML:

I have box elements in a flex container. I want the paragraph in a box to display when hovering over the box. However, the hovered box makes the other boxes grow too. Is there a way to avoid affecting the other boxes when hovering one box?
I would try: align-items:flex-start, but I want the boxes to be equivalent in height when they are not hovered.
So align-items:flex-start does not keep the boxes' height equivalent when they are not hovered.
I want the box to enlarge when hovered without affecting the other boxes and turn back to the equivalent height when not hovered.

Codepen link: https://codepen.io/lemour-sudo/pen/yLMQOpE

I need to count total price of all products, which are added to my shopping cart. Instead it displays total price of all products and the price of one product, which was added, one on another. I can't fix it. I'll add the piece of my code:

JS:

I have a div container that will layout each item evenly for the full width of the screen.

I would like to adjust the BACK div behind the selected input dynamically. I know in theory how to do it: do a transform: translate to #after of the BACK div. But I have no idea how to calculate the correct px value, depending on what input tag has been selected.

The codepen to view this is available here: https://codepen.io/depechie/pen/oNZagLa

The desired end result visually should be like following picture. So the BACK div ( the blue outline ) should be placed behind the selected input.

In this app, When i submit a word (for eg help) for the first time then it will return the search results and renders it on the page, but if i searched for another word then the results wont be displayed until and unless i refresh the page. How can i render next search results on the page? The codepen link is here: https://codepen.io/nelsonuprety1/pen/KKWreRQ . To search for new results the page should be refreshed.