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) {
Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.
Alternative Proxies: