diff --git a/source/components/GenericSimulation.css b/source/components/GenericSimulation.css index faa4af4a5..c6c0cb4d1 100644 --- a/source/components/GenericSimulation.css +++ b/source/components/GenericSimulation.css @@ -1,10 +1,31 @@ #GenericSimulation { } -#GenericSimulation > button { +#GenericSimulation #simulationContent button { padding: 0.6em 1em; text-align: center; - margin: 1em auto; - display: block; border-radius: 6px; font-weight: 500; } +#GenericSimulation header { + display: flex; + flex-direction: row-reverse; + flex-wrap: wrap; + justify-content: center; + align-items: center; + margin-top: 1em; +} +#GenericSimulation header > h1 { + margin: 0.6em 1em 0; +} +#GenericSimulation img { + max-width: 800px; + max-height: 24em; +} +@media (min-width: 1200px) { + #GenericSimulation header > h1 { + width: 10em; + } + #GenericSimulation header { + margin-left: 10%; + } +} diff --git a/source/components/GenericSimulation.js b/source/components/GenericSimulation.js index 8c26786cf..6e66b7fce 100644 --- a/source/components/GenericSimulation.js +++ b/source/components/GenericSimulation.js @@ -21,29 +21,34 @@ export default class YO extends React.Component { let { colours, noNextSteps, previousAnswers } = this.props console.log(noNextSteps) return ( -
Vous avez atteint l'estimation la plus précise.
- > - )} -Vous avez atteint l'estimation la plus précise.
+ > + )} +