javascript - How do I reduce the gap between flex MUI grids

I am building a form using MUI. I have 6 fields and want to place them 3 of them on the left and the rest on the right, with a minimal gap. This is what I want to achieve: This is what I have curr

Guide to the MUI grid system - LogRocket Blog

css - Is there any better way to make same gap spaces between items in flex display? - Stack Overflow

html - Remove space (gaps) between multiple lines of flex items

css-grid][css-flexbox] Pinterest/Masonry style layout support · Issue #945 · w3c/csswg-drafts · GitHub

Some ways to align the last row in a flexbox grid

Flex gap using negative margins

Flexbox gutters and negative margins, mostly solved

Minding the gap CSS-Tricks - CSS-Tricks

Guide to the MUI grid system - LogRocket Blog

React MUI Masonry API - GeeksforGeeks