CSS Grid Not Resizing Properly with Percentage-Based Widths in Firefox 117
I'm currently working with an scenario where a CSS Grid layout does not resize properly in Firefox 117. I have a grid setup that uses percentage-based widths for the columns, but it seems that Firefox is not respecting these widths as expected. Here's a simplified version of my CSS: ```css .container { display: grid; grid-template-columns: 30% 70%; width: 100%; } .item { border: 1px solid #000; padding: 10px; box-sizing: border-box; } ``` And my HTML structure looks like this: ```html <div class="container"> <div class="item">Column 1</div> <div class="item">Column 2</div> </div> ``` In Chrome and Edge, this displays correctly, with the first column taking up 30% of the width and the second 70%. However, in Firefox, the columns do not maintain the proportionate widths. Instead, the first column appears much wider than 30%, almost taking up half of the container width. I have tried resetting the margins and paddings for the container and items, but it hasn't helped. Additionally, I checked the console for any warnings or errors, but nothing seems amiss. The `box-sizing: border-box;` rule is applied as intended, which should account for the padding and border within the specified widths. Has anyone experienced similar issues with grid layouts in Firefox, or are there known bugs related to percentage widths? Any insights would be greatly appreciated!