If you are like me who has been following the material UI, you must have noticed a new changes to the Material UI V5 components. Well it’s not actually new but a complete rebuild of the Grid component. It’s called Grid v2 and in case you are wondering what has changed, here are the changes as mentioned in the docs:

What has been changed in Material UI?

  1. Existing issues with the grid component were fixed.
  2. The item prop, which I always used to think was useless is finally removed (Yes!)
  3. The offset props such as smoffset, mdoffset etc. These can be used to push items to the right side of the grid. You can set them to a number of “auto”.
  4. If you are using custom breakpoints in your theme, you can use those names as grid item props.
  5. There is also other customizations you can do like centered elements, border etc.

Check out the documentation for further details.