i tried to center align element in flexbox ,with round number height it working proper but it getting failed when height get change set to floating number .it should properly center align with floating number values.
this is the demo link https://f693ln.csb.app/
One common reason why items may not be vertically centered in a flexbox when their height is a floating point number is due to the way browsers handle subpixel rendering and rounding errors. You can try rounding the height values to whole numbers using CSS properties or JavaScript to ensure more consistent vertical centering.