merge

src/components/Tutorial/Tutorial.js

@@ -13,6 +13,7 @@ import NotFound from '../NotFound';
 import { tutorials } from './tutorials';
 import { initialXml } from '../Blockly/initialXml.js';
 
+import withWidth, { isWidthUp } from '@material-ui/core/withWidth';
 import Tabs from '@material-ui/core/Tabs';
 import Tab from '@material-ui/core/Tab';
 import Grid from '@material-ui/core/Grid';
@@ -58,7 +59,7 @@ class Tutorial extends Component {
             <StepperVertical />
 
             {/* width of vertical stepper is 30px*/}
-            <Card style={{width: 'calc(100% - 30px)', padding: '10px'}}>
+            <Card style={{width: isWidthUp('sm', this.props.width) ? 'calc(100% - 30px)' : '100%', padding: '10px'}}>
               <Tabs
                 value={this.state.value}
                 indicatorColor="primary"
@@ -97,4 +98,4 @@ class Tutorial extends Component {
   };
 }
 
-export default Tutorial;
+export default withWidth()(Tutorial);