quizzical | A quiz-based learning engine like Duolingo or Quizlet | Learning library

I want to create automatic scrolling of a page using Vue JS I looked at some options, but they did not help me here is my code

Hello there community!

So I'm in the middle of developing a meta form creator and I'm running into some performance issues. I made a sandbox to ask the question but I'm running into this "Cannot get dimension when no ref is set" error when i try to drag a second card over in the sandbox.

I've played with every ref I've set to try to work it out but can't seem to.

Here is the code sandbox. Fun to play with full screen . You drag the card over and click to expand, then you can edit the input.

Code Sanbox For Material UI Form Creator

I have a simple list that I get from an API using axios. Every element is a modifiable input, with it own update button.

After changing the data of an input, and while performing PUT request, console.log(test); returns empty values.

I checked console.log(newList); which is the array of the list, and the changing data are indeed happening in the list, but it seems they can't be sent to the server.

Note : The API is just for testing, the PUT method may not work, but atleast the values in the console should be sent.

Note2 : I don't know how to place the id of an item of the list in the url so you may encounter an error. / You can try with 1,2 or 3 instead for testing.

https://codesandbox.io/s/quizzical-snowflake-dw1xr?file=/src/App.js:1809-1834

I want to have the d3 js chart with a different background rectangle based on some timestamps.

I am trying to have a list of table fields which can be added and removed at any time.

As soon as I click delete any element in the middle(except the last one), it deletes all items underneath it

Code is here

I am not sure what is it that's doing wrong, it removes all the elements, even if I try to delete a specific one.

This is a very strange issue but I was using react-table 7.0.0.rc16 and I recently upgraded to react-table 7.0.1 the problem is my data works in dev mode but as soon I create a react build it wont render anything I would like to know why and I am attaching my package.json for the same. sandbox

Demo

Package.json

I can't for the life of me figure out why my onClick handler is being called twice...

I'm following the docs of Antd and tried to use this piece of code from here antd dynamic form item:

Netlify of the current state of the school project i am working on with: school project site

If you open the project site, you will see 5 boxed next to each other where it all have "limited" written in them.

I have made the parent (div.section2) as grid. but clearly there is something missing that does not make it responsive. I wonder how to set it up to be responsive, that the boxes appear under each other on smaller screen-size but also have gap in between when it appear under each other.

Here is the code for that section: