j

.idea/workspace.xml

@@ -81,8 +81,8 @@
           <file leaf-file-name="main.scss" pinned="false" current-in-tab="true">
             <entry file="file://$PROJECT_DIR$/Public/static/css/main.scss">
               <provider selected="true" editor-type-id="text-editor">
-                <state relative-caret-position="272">
-                  <caret line="201" column="15" lean-forward="false" selection-start-line="201" selection-start-column="15" selection-end-line="201" selection-end-column="15" />
+                <state relative-caret-position="234">
+                  <caret line="198" column="15" lean-forward="false" selection-start-line="198" selection-start-column="15" selection-end-line="198" selection-end-column="15" />
                   <folding />
                 </state>
               </provider>
@@ -447,12 +447,12 @@
       <option name="number" value="Default" />
       <option name="presentableId" value="Default" />
       <updated>1562502557206</updated>
-      <workItem from="1562502558877" duration="1831000" />
+      <workItem from="1562502558877" duration="1907000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="1831000" />
+    <option name="totallyTimeSpent" value="1907000" />
   </component>
   <component name="ToolWindowManager">
     <frame x="0" y="23" width="1440" height="821" extended-state="6" />
@@ -550,8 +550,8 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/Public/static/css/main.scss">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="272">
-          <caret line="201" column="15" lean-forward="false" selection-start-line="201" selection-start-column="15" selection-end-line="201" selection-end-column="15" />
+        <state relative-caret-position="234">
+          <caret line="198" column="15" lean-forward="false" selection-start-line="198" selection-start-column="15" selection-end-line="198" selection-end-column="15" />
           <folding />
         </state>
       </provider>

Public/static/css/main.css

@@ -168,18 +168,17 @@ ul, li {
   display: -webkit-flex;
   /* NEW - Chrome */
   display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 #container {
   width: 100%;
   height: 100%;
-  display: block;
-  align-content: center;
-  justify-content: center;
 }
 #container .btn-prize {
   width: 200px;
-  height: 100px;
+  height: 200px;
   font-size: 27px;
   border: 1px solid red;
 }

Public/static/css/main.scss

@@ -189,15 +189,14 @@ ul, li {
   display: -ms-flexbox; /* TWEENER - IE 10 */
   display: -webkit-flex; /* NEW - Chrome */
   display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 #container {
   @extend .flex;
   width: 100%;
   height: 100%;
-  display: block;
-  align-content: center;
-  justify-content: center;
   .btn-prize {
     @extend .flex;
     width: torem(200px);