Ylli
KPCKevin Powell - Community
•Created by Ylli on 1/17/2024 in #front-end
Position fixed with transform (behavior exploration)
Hi everyone.
For the last 2 days I have been tinkering with this 'unknown behavior' where If I used transform to a container, the fixed position inside it would no longer work.
The only way I managed to 'fix' this is by moving the element outside the container but that comes with a set of different problems such as breaking the layout and so on.
If you have a better approach to this, I would love to see it.
Thank you in advance,
Ylli.
(codepen for a simple illustration)
https://codepen.io/yesm4n/pen/PoLpKxL
9 replies
KPCKevin Powell - Community
•Created by Ylli on 9/13/2023 in #front-end
CSS image aligning problem
Hey everyone! I'm new here so bare with me if I'm not following the guidelines properly.
In my last project I've encountered a 'behavior' that I don't know how to address.
I have 24 images, I'm creating a horizontal scroll using grid. All works well and as expected UNTIL I rotate some of the images in the grid.
Basically what needs to happen is that, 18 of the images are normal, the rest are rotated -95deg + span 2 (while fitting and aligning with the rest of the images).
I've been stuck in this for 3-4 days, googling, youtube, searching up and down and I can't seem to fix it unless I make it too manual.
37 replies