Fix the issue

ember-learn · Dec 12, 2022 · 225e1da · 225e1da
1 parent e92326a
commit 225e1da
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 9 deletions.
diff --git a/app/styles/app.scss b/app/styles/app.scss
@@ -581,7 +581,7 @@ p a:hover {
         width: 100%;
 
         .ember-version-graphic {
-          $height: 132px;
+          $height: 161px;
           width: $height;
           height: $height;
 
@@ -592,6 +592,14 @@ p a:hover {
 
         .links {
           border-top: 0;
+       }
+        .row{
+          display: flex;
+          flex-direction: row;
+        }
+        .column{
+          display: flex;
+          flex-direction: column;
         }
       }
     }

diff --git a/app/templates/index.hbs b/app/templates/index.hbs
@@ -36,18 +36,24 @@
     <li class="item list-unstyled">
       <EmberVersionGraphic @mascot="ember" />
       <ul class="links">
-        <li class="list-unstyled" data-test-ember-1-link>
+        <div class="row">
+          <div class="column">
+            <li class="list-unstyled" data-test-ember-1-link>
           <LinkTo @route="ember" @model="v1.x">v1.x</LinkTo>
-        </li>
-        <li class="list-unstyled" data-test-ember-2-link>
+            </li>
+            <li class="list-unstyled" data-test-ember-2-link>
           <LinkTo @route="ember" @model="v2.x">v2.x</LinkTo>
-        </li>
-        <li class="list-unstyled" data-test-ember-3-link>
+            </li>
+            <li class="list-unstyled" data-test-ember-3-link>
           <LinkTo @route="ember" @model="v3.x">v3.x</LinkTo>
-        </li>
-        <li class="list-unstyled" data-test-ember-4-link>
+            </li>
+          </div>
+          <div class="column">
+            <li class="list-unstyled" data-test-ember-4-link>
           <LinkTo @route="ember" @model="v4.x">v4.x</LinkTo>
-        </li>
+            </li>
+          </div>
+        </div>
       </ul>
     </li>
     <li class="item list-unstyled">