F2F: Test of submission to Mobile layout challenge

birdofpreyru · birdofpreyru · commit 608240a496a1 · 2017-10-10T14:28:19.000+02:00
Test of submission #519253 by certusij23 to the challenge http://www.topcoder.com/challenge-details/30059815/?type=develop
diff --git a/src/server/renderer.jsx b/src/server/renderer.jsx
@@ -64,7 +64,10 @@ export default (req, res) => {
           ${styles}
           <link rel="shortcut icon" href="/favicon.ico" />
           <meta charset="utf-8" />
-          <meta content="width=device-width,initial-scale=1.0" name="viewport" />
+          <meta
+            content="width=device-width,initial-scale=1.0"
+            name="viewport"
+          />
           <!-- Start of topcoder Zendesk Widget script -->
           <script>/*<![CDATA[*/window.zEmbed||function(e,t){var n,o,d,i,s,a=[],r=document.createElement("iframe");window.zEmbed=function(){a.push(arguments)},window.zE=window.zE||window.zEmbed,r.src="javascript:false",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="display: none",d=document.getElementsByTagName("script"),d=d[d.length-1],d.parentNode.insertBefore(r,d),i=r.contentWindow,s=i.document;try{o=s}catch(e){n=document.domain,r.src='javascript:var d=document.open();d.domain="'+n+'";void(0);',o=s}o.open()._l=function(){var e=this.createElement("script");n&&(this.domain=n),e.id="js-iframe-async",e.src="https://assets.zendesk.com/embeddable_framework/main.js",this.t=+new Date,this.zendeskHost="topcoder.zendesk.com",this.zEQueue=a,this.body.appendChild(e)},o.write('<body onload="document._l();">'),o.close()}();
           /*]]>*/</script>
diff --git a/src/shared/components/challenge-detail/Header/style.scss b/src/shared/components/challenge-detail/Header/style.scss
@@ -145,6 +145,9 @@
       display: flex;
       flex-wrap: wrap;
       align-items: stretch;
+      @include xxs-to-xs {
+        flex-direction: column;
+      }
 
       .prizes-outer-container {
         flex: 4;
diff --git a/src/shared/components/challenge-detail/Specification/styles.scss b/src/shared/components/challenge-detail/Specification/styles.scss
@@ -29,7 +29,9 @@ $tc-link-visited: #0c4e98;
   justify-content: center;
   align-items: baseline;
   word-break: break-word;
-
+  @include xxs-to-xs {
+    flex-direction: column;
+  }
   .challenge-specifications {
     flex: 4;
     text-align: left;
