chore: remove outer wrapper div

6 years ago · 57cb7abde1
1 changed files with 34 additions and 45 deletions
--- a/src/components/CodeExample/CodeExample.js
+++ b/src/components/CodeExample/CodeExample.js
@ -13,16 +13,10 @@ class CodeExample extends Component {
          '&:first-child': {
            marginTop: 0,
          },
-
-          [media.greaterThan('xlarge')]: {
-            marginTop: 80,
-          },
-        }}>
-        <div
-          css={{
          [media.greaterThan('xlarge')]: {
            display: 'flex',
            flexDirection: 'row',
+            marginTop: 80,
          },

          [media.lessThan('large')]: {
@ -57,12 +51,7 @@ class CodeExample extends Component {
            {children}
          </div>
        )}
-          {loaded ? (
-            <CodeEditor code={code} />
-          ) : (
-            <h4>Loading code example...</h4>
-          )}
-        </div>
+        {loaded ? <CodeEditor code={code} /> : <h4>Loading code example...</h4>}
      </div>
    );
  }