css - CSS Margin not working in React typescript project

Question

CSS margin not working in my react typescript project

My code:

const Home: React.FC = () => {
return (
<div style={{ width: "100vw", background: "skyblue" }}>
  <div
    style={{
      background: "red",
      height: "100px",
      width: "100px",
      marginLeft: "100px",
    }}
  ></div>
</div>
);
};

Codesandbox link for this project

标签： cssreactjstypescriptsass

Answer 1

Your margin is overridden by margin: 0px !important which is declared in your App.css file