zoom: 70%;

 transform: scale(0.7);
 transform-origin: 0 0;

Dear Firefox Support Team, I hope this message finds you well. I am writing to bring to your attention an issue I have encountered with CSS styling on Mozilla Firefox. I have implemented the following CSS properties on my website to achieve a zoom effect: body { zoom: 70%; } but it is not supported by Firefox. I tried this approach: body{ transform: scale(0.7); transform-origin: 0 0; } While this approach is supported by Firefox, I am experiencing an unexpected behavior. Instead of a smooth zoom effect, the entire website is zoomed out, and the content is shifted to the left, leaving the right side blank with a white space. I have attached a screenshot for your reference. I have tried various alternatives, including using the zoom property, but it seems that Firefox does not support it. I am seeking assistance in resolving this issue and ensuring a consistent and smooth zoom effect across different browsers, including Firefox. Your guidance and support in resolving this matter would be greatly appreciated. If there are any workarounds or best practices to achieve a zoom effect without causing layout distortions, I would be eager to learn about them. Thank you for your time and assistance. I look forward to your response. Best regards,