fix(client): learn layout on mobile

client/src/templates/Challenges/classic/Show.js

@@ -250,8 +250,6 @@ class ShowClassic extends Component {
           title={`Learn ${this.getBlockNameTitle()} | freeCodeCamp.org`}
         />
         <Media maxWidth={MAX_MOBILE_WIDTH}>
-          {matches =>
-            matches ? (
           <MobileLayout
             editor={this.renderEditor()}
             guideUrl={this.getGuideUrl()}
@@ -263,7 +261,8 @@ class ShowClassic extends Component {
             testOutput={this.renderTestOutput()}
             videoUrl={this.getVideoUrl()}
           />
-            ) : (
+        </Media>
+        <Media minWidth={MAX_MOBILE_WIDTH + 1}>
           <DesktopLayout
             challengeFile={this.getChallengeFile()}
             editor={this.renderEditor()}
@@ -275,8 +274,6 @@ class ShowClassic extends Component {
             resizeProps={this.resizeProps}
             testOutput={this.renderTestOutput()}
           />
-            )
-          }
         </Media>
         <CompletionModal />
         <HelpModal />