k-description | : warning : DEPRECATED - You can do this with pure CSS

I am trying to build a simple todo app. I have a server running on flask that returns a page when main route is accessed and has different endpoints like add_task, delete_task etc. and I access these endpoint via fetch() function and return an updated list of task from them in JSON.

My question is - What is the best way to create and populate a task list structure with following example markdown (below) with received info?

Markdown example:

I have a JSON file with some objects, which are getting rendered out using a computed property

JSON:

I have a form with inputs are tasks with headers and its description. Is there any effective way in jQuery to make the details under header of each input able to toggle every time the header is clicked?

Here is the HTML:

I need to scrape this page: https://www.arabam.com/ilan/galeriden-satilik-lamborghini-gallardo-lp-560-4/mini-motors-dan-2009-gallardo-lp560-4-seramik-lift-bayi-boyasiz/14934711

If you scroll down you'll see this

I scroll down the page and then get xpath for this. This is the xpath: //div[@id="js-hook-description"]//p/text

And this is the code

I have searched a lot and a lot so as to find material about how to get meta data using XMLHTTP. And I think that's impossible to do that using the Early binding method. The only approach that will work is the late binding by CreateObject("HTMLFile") and dealing with that HTML which is late binding. The disadvantage of this approach is that it doesn't support the use of the QuerySelector or QuerySelectorAll.. Now I am trying to find alternative to this CSS selector .. without using the QuerySelector

I made a form from the checkbox, I want all checked checkboxes to be displayed (ultimately saved to MySQL) as one variable.

Code to display checkboxes in forms (it's working fine):

I've mostly used bootstrap without an issue but on this page I have a buggy behaviour. Even though I have xs-12 on mobile there's a work-experience div that ends up having it and it's background-color moved to the top.

Here's a screen record: https://youtu.be/vJ9FJrLYGM0

The html:

I'm making a website as a school project and am having difficulties getting the grid-template-area to work. I used the same method on the main index that this is being extended to for the header and it worked fine, so I'm not sure why it doesn't want to for this.

It should give me an area with the Image and Info being one next to the other while the description is under it, but instead it has them all one under another like it is without any CSS formatting

I am trying to play with a Swank server from the command line (with no specific production purpose, merely trying to understand things with some hacky ideas in mind for later) and I can't figure out what I can type from a telnet session for getting any usable answer; for instance how could I evaluate (+ 1 1)?

A previous question tells:

It is indeed possible to communicate with a swank server if you familiarize yourself with the swank protocol, which seems to be underdocumented (see e. g. here: https://github.com/astine/swank-client/blob/master/swank-description.markdown). However, this exposes a TCP socket over a network, which could be unsafe. Once I tried that, too, but I was not satisfied with the IPC speed.

and the link actually gives some hints, but unfortunately no example. I couldn't get any result.

Here is what I tried; after having separately started a server with