diff --git a/assets/css/directives/challenge-tile.scss b/assets/css/directives/challenge-tile.scss index 8f8adace9..93d631bdd 100644 --- a/assets/css/directives/challenge-tile.scss +++ b/assets/css/directives/challenge-tile.scss @@ -281,12 +281,6 @@ challenge-tile .challenge.tile-view { } - @media only screen and (max-width: 768px) { - .active-challenge { - height: auto; - margin: auto; - } - } .completed-challenge { height: 390px; display: flex; @@ -378,6 +372,13 @@ challenge-tile .challenge.tile-view { } } + @media only screen and (max-width: 768px) { + .active-challenge, .completed-challenge { + height: auto; + margin: auto; + } + } + .past-design-details { img { height: 200px; diff --git a/assets/css/my-challenges/my-challenges.scss b/assets/css/my-challenges/my-challenges.scss index cf72fdfb3..e3f523af1 100644 --- a/assets/css/my-challenges/my-challenges.scss +++ b/assets/css/my-challenges/my-challenges.scss @@ -179,11 +179,9 @@ margin-bottom: 13px; @media only screen and (max-width: 767px) { display: inline-block; - margin-left: 15px; - - &:first-child { - margin-left: 0; - } + margin-left: auto; + margin-right: auto; + margin-bottom: 15px; } @media only screen and (min-width: 768px) { &:nth-child(2n + 1) { diff --git a/assets/css/my-dashboard/my-challenges.scss b/assets/css/my-dashboard/my-challenges.scss index 94ae21b52..21d7597c3 100644 --- a/assets/css/my-dashboard/my-challenges.scss +++ b/assets/css/my-dashboard/my-challenges.scss @@ -171,10 +171,8 @@ margin-bottom: 15px; @media only screen and (max-width: 767px) { display: inline-block; - - &:first-child { - margin-left: 0; - } + margin-left: auto; + margin-right: auto; } @media only screen and (min-width: 768px) { &:nth-child(2n + 1) {