how to get rid of a padding in a material ui container component?

The disableGutters prop removes the padding.


import React from "react";
import CssBaseline from "@material-ui/core/CssBaseline";
import Typography from "@material-ui/core/Typography";
import Container from "@material-ui/core/Container";

export default function SimpleContainer() {
  return (
      <CssBaseline />
      <Container disableGutters maxWidth={false}>
          style={{ backgroundColor: "#cfe8fc", height: "100vh" }}

Edit Container disableGutters

Related documentation:

CLICK HERE to find out more related problems solutions.

Leave a Comment

Your email address will not be published.

Scroll to Top