eos | software solution that aims to provide | Storage library

I am trying to add a ruby tag for every word in a paragraph. The html doc looks somthing like this

not so long ago I started to practice with writing EOS smart contracts on my windows 10 computer. For this I needed to install among others, a Linux subsystem for Windows and Docker. In the last couple of days I noticed some pretty significant performance issues, when looking for the perpetrator in my task manager I came across Vmmem using up 1.8 GB of ram (which is quite a lot considering I have only 8GB on my laptop):

I Googled around some and figured out that this program handles virtual machines and such, and with that Docker. I don't have Docker Desktop or Ubuntu opened at the time of this screenshot, turned off the setting "Start Docker when you log in" and restarted my computer, but still this program is hogging up my RAM. As you may understand, it isn't worth it for me to keep this running in the background considering this EOS Development is a side-thing for me, hence I don't need to use Docker often. I would deem it a shame if I had to give up on this 'hobby' for performance issues so any help would be appreciated.

I'm trying to learn HTML and CSS. However, I was doing an exercise, and now I'm stuck because those 4 articles in

I set a bootstrap table to display a cryptocurrency ticker and I would like to display a line in between separating columns, using the border properties I guess, but I don't know exactly how to set the right side borders of the cells visible, so they form the vertical lines along rows.

I am new to webdevelopment and I created this in bootstrap 5: codepen

However, instead having the icons in the front I wanted that an images is showing. Then when the card is flipped it should, the content should stay, as demonstrated in codepen. Can anyone help me to realize my request?

This is the CSS code:

I have some blocks with goods and there are different descriptions with different amounts of text and I need to center it. The button "add to cart" must be in one line not depends how many symbols in description I have. Not pure css solution welcomed (Just not jQuery solutions).

The solution with curtain height does not fit!

(Space must be between description and button "add to cart").

I am a beginner. I am trying to make a webpage. But I'm having a problem. I added a class with the help of jQuery so that the background color(white) of the navbar changes when scrolling. I also want to change the color of the link in the navbar so that it can be visible after adding the navbar background color(white) because the navbar links color is white. Scrolling changes the background color of the navbar but not the color of the link.

I am new to HTML and want to make a specific element to flip. Now I created this file.

However, when the content, for the first element (see codepen) when it is flipped it is at the bottom (see picture). Can someone help that when the card is flipped, the content is at the top and not at the bottom as shown in the picture?