From b3c396f775cfb659988fb86034f7ed6cf047ed3f Mon Sep 17 00:00:00 2001
From: Romain CREY <ext.sopra.rcrey@grandlyon.com>
Date: Wed, 3 Jun 2020 16:15:04 +0200
Subject: [PATCH] fix: center pile
---
src/styles/components/_challenges.scss | 11 +++++++++--
1 file changed, 9 insertions(+), 2 deletions(-)
diff --git a/src/styles/components/_challenges.scss b/src/styles/components/_challenges.scss
index da695eff3..b369e632c 100644
--- a/src/styles/components/_challenges.scss
+++ b/src/styles/components/_challenges.scss
@@ -296,8 +296,11 @@
display: flex;
flex-direction: row;
justify-content: center;
- margin-top: 1rem;
+ margin-top: 3rem;
width: 100%;
+ @media #{$large-phone} {
+ margin-top: 1rem;
+ }
.day-solo {
display: flex;
flex-direction: column;
@@ -353,6 +356,7 @@
display: flex;
flex-direction: row;
align-items: center;
+ justify-content: center;
width: 100%;
.pile-section {
display: grid;
@@ -479,7 +483,10 @@
max-width: 53rem;
&.--ongoing {
@extend .cp-valid;
- width: 60%;
+ width: 25%;
+ @media #{$large-phone} {
+ width: 60%;
+ }
}
.cp-left-button {
margin-right: 0.25rem;
--
GitLab