Extra button space out of nowhere - where is this padding from?
Hi, I'm a beginner and I'm working on https://expertphotoshop.ro/ mobile version. The two buttons seem to have some extra space on either side, especially on the left side. I'm comparing them to the text above and there are about 3-4 pixels on the left side and about 1-2 on the right.
I can't seem to find this padding anywhere in the code via inspect. Can you point out where is the padding coming from? Thank you!...
can someone help me?
hi, i wanted to ask help for the jquery with stimulus with this small project of mine because I've done it good at large screen however in small screen like tablet it did not went pretty well when i tried to next it and prev it. i wanted to have a 2 cards shown on tablet and when i hit the next button the 2nd card should fully show and the 3rd card should be visible by half and then agin when next button is clicked the 3rd card fully view and 4th again by half and soon. here is the code https://...
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);...
