diff --git a/src/js/sections/BottomSection/BottomSection.js b/src/js/sections/BottomSection/BottomSection.js index 6333be3f0540edd0df957aad9e7f1f834be2d593..e4e8838c3eec2ffb796347ef188eee6560be26ca 100644 --- a/src/js/sections/BottomSection/BottomSection.js +++ b/src/js/sections/BottomSection/BottomSection.js @@ -18,7 +18,7 @@ const BottomSection = ({innerRef, contactRef}) => { <div className={styles.Caption}> <div className={styles.Comments}> <p className={styles.FirstComment}> - Comment garder la proximité des TPs sur site lorsque vos étudiants sont confinés. + "Comment garder la proximité des TPs sur site lorsque vos étudiants sont confinés." </p> <p className={styles.SecondComment}> Retour d'expérience sur l'outillage et notamment Deadlock pour des séances de tp@home en période de confinement. diff --git a/src/js/sections/BottomSection/BottomSection.module.scss b/src/js/sections/BottomSection/BottomSection.module.scss index d9c12f5e21f1e5fdb6f712086d3fa1eab5a5da80..6eb10de91f1b2f8ea3bfcd665cbc53b0b4243439 100644 --- a/src/js/sections/BottomSection/BottomSection.module.scss +++ b/src/js/sections/BottomSection/BottomSection.module.scss @@ -5,9 +5,9 @@ .BottomSection { background-image: url('#{$assetPath}/curves/courbe_4.png'), url('#{$assetPath}/props/bateau.svg'), url('#{$assetPath}/props/algue.svg'); background-repeat: no-repeat; - background-position: bottom, 106% 42%, -5% 60%; + background-position: bottom, 107% 42%, -5% 55%; background-size: 100% 50%, 35% 35%, 40% 40%; - min-height: 180vh; + min-height: 140vh; display: flex; flex-direction: column; @@ -43,15 +43,8 @@ flex-basis: 80%; padding-right: 5%; - .FirstComment { - font-size: 1.2vw; - line-height: 1.6vw; - } - - .SecondComment { - font-size: 0.8vw; - line-height: 1.2vw; - } + font-size: 0.8vw; + line-height: 1.2vw; } diff --git a/src/js/sections/TowerSection/TowerSection.module.scss b/src/js/sections/TowerSection/TowerSection.module.scss index 85f75888ffce31e51ab7c13d3fb604293971092c..9ad8161e23caa552ab4430fd202598886bdb8201 100644 --- a/src/js/sections/TowerSection/TowerSection.module.scss +++ b/src/js/sections/TowerSection/TowerSection.module.scss @@ -17,9 +17,9 @@ font-family: $primary_font; .LeftSide { - flex-basis: 40%; + flex-basis: 30%; .TowerImage { - max-width: 70vw; + max-width: 60vw; max-height: 70vh; } } @@ -27,9 +27,8 @@ .RightSide { vertical-align: middle; - flex-basis: 40%; + flex-basis: 30%; text-align: left; - max-width: 60%; .Title {