I’m trying to get the light blue div to take up the whole screen space, but it won’t. Additionally, the dark blue div shows even when no content is in it, but not the light blue one despite setting max-height (tried with min-height too)

I want to make text that changes its color in the middle of a word, in fact in the middle of a letter. I got it to work, but I also want to add a background color that changes in the same place. The issue is that I’ve used background image with a gradient to have the text colors change.

I have this example of a layout:

I have this unique problem with html tables.

Using tailwind, I have a div with class set to “overflow-auto”, and a table as its child. How can I make it so that the absolute div inside one of its cells extend beyond the overflowing div?

I have component structure as:

How can i build something similar to this in tailwindcss or css?
[1]:https://i.sstatic.net/BOy0bN8z.png

I have an element that will look something like this:

I have a webpage with a table in which the last column is a button that opens a dropdown menu (for simplicity, the example does not include JS):

This is the code: