fix(Carbon.js): Responsive design at the largest font size (#1337)

The code should not overflow on mobile when using the largest font size.
carbon-app · Feb 19, 2022 · 5153350 · 5153350
1 parent bc53bb9
commit 5153350
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/components/Carbon.js b/components/Carbon.js
@@ -355,6 +355,9 @@ class Carbon extends React.PureComponent {
  .container :global([contenteditable='true']) {
  user-select: text;
  }
+ .container {
+ max-width: 480px;
+ }
  }
 
  .section,
@@ -365,6 +368,7 @@ class Carbon extends React.PureComponent {
  justify-content: center;
  align-items: center;
  overflow: hidden;
+ max-width: 100%;
  }
  `}
  </style>