Fix right box scrolling

diff --git a/index.html b/index.html
index 1dc6ac4272664a20db97f10607f00ad65bea292b..8fc97ded4174bf105de0a8e5622bc211cf49fe11 100644 (file)
--- a/index.html
+++ b/index.html
@@ -24,23 +24,21 @@
                        @media screen and (min-width: 768px) {
                                body {
                                        display: flex;
-                                       flex-wrap: wrap;
                                        flex-flow: column wrap;
                                        height: 100vh;
                                        box-sizing: border-box;
-                                       padding: 0 0 30px 30px;
+                                       padding: 0;
                                }
                                .intro-text {
                                        flex: 0;
                                        max-width: calc(50% - 15px);
-                                       padding-top: 30px;
-                                       padding-right: 40px;
+                                       padding: 30px 40px 0 30px;
                                        box-sizing: border-box;
                                }
                                .footer {
                                        flex: 1 0 50%;
                                        max-width: calc(50% - 15px);
-                                       padding-right: 30px;
+                                       padding: 0 40px 30px 30px;
                                        box-sizing: border-box;
                                }
                                .right {
@@ -48,6 +46,9 @@
                                        max-width: calc(50% + 15px);
                                        min-width: calc(50% + 15px);
                                        order: 3;
+                                       display: flex;
+                                       flex-direction: column;
+                                       min-height: 100%;
                                }
                                .result {
                                        height: 100%;