I have 2 issues that have recently cropped up using CSS grid.
Firstly when I use manual positioning the bounding (red box) for a div element, it snaps to the full grid boundary rather than the rows and column that it’s contained within. I’ve also noticed some NAN conditions in the input fields or non rounded values ie 1.989079 instead of 2.
I’ve been experiencing an issue with responsive images whereby the intrinsic ratio is displaying a smaller rendering form desktop than expected. I’m using CSS grid again for layout but at desktop it renders 500px rather than the larger 850px required. I’ve tried with both @x1 and @x2 original jpegs.
I’ve stripped it back to two basic examples of my set up here.
the published site can be found here https://kitty-draws-dogs-2.webflow.io/
I’ve noticed that if I put an image in the body it fixes the issue so I wonder if it is related to css grid or not.
Any help or guidance appreciated