$bg:#fff; $dark_gray:#889aa4; $light_gray:#eee; .bg{ background:url("/static/img/login.jpg") center center no-repeat; background-size:100% 100%; height: 100%; display:flex; align-items:center; justify-content:center; } .login-container{ background: $bg; box-shadow: 0 15px 30px 0 rgba(0,0,0,0.3); border-radius: 9px; width: 50%; height: 330px; display: flex; justify-content: center; flex-direction: row ; align-items: center; .pic{ display: flex; flex-direction: row; justify-content: flex-start; } .tab{ width: 390px; } .btn{ display: flex; justify-content: center; } }