Has anyone been able to solve Stacking Context issues between container queries and z-index?
The screen shot shows the issue Container Queries has with z-index. If I turn off container queries, the select dropdown is above. I suppose I could use the native select, but..... 😦
I've been able to use RGBA to handle opacity stacking context issue, but I can't find a work around with z-index....
Help with accurately matching CSS from designs
I am having issues where my code does not always match the design visually. I feel I am missing a topic or something to help bridge the gap. Can anyone help. This is an example.
Masonry / Mosaic layout
This is a mosaic / masonry layout I created in Figma for my portfolio site. I want to add images to each of those divs and wrap them in a href which either takes the user to a new page or show a lightbox that will show an enlarged version of the image. The problem is the images not fitting the dimensions of the divs thus not forming the layout. How do I know what dimensions each div is so I can create the images accordingly? The code for the css grid div is:-
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(7, 1fr);...
nth-child, index()
Hello everyone , I have 23 divs each containing 210 spans. When I click on a span with certain number it gets a red outline as a highlighting and I want to copy this outline to all spans with this number in all divs. So far I have this code using nth-child and index(). It works but the problem is that index is 0-based so when I click on a span number 2 I get outline on span number 1. I know there is a trick with adding +1 but I can't figure out how to add it in this specific case. And I don't kn...
Need Help with Creating a Rotating Advertisement Stripe on My Website
i'm trying to create a rotating advertisement stripe for my website, but I'm having trouble getting it to work as intended. I've set up a CodePen with my current code. Could someone with CSS expertise take a look and help me complete it?
Here is the link to my CodePen: https://codepen.io/deepk2891/pen/RwzoBKQ?editors=1100
i have provided image what I'm aiming to achieve in codepen output....
