Desktop design

Mobile design

Results summary component

<div class="reaction theme">
        <div class="left">
          <img src="./assets/images/icon-reaction.svg" alt="">
          <p>Reaction</p>
        </div>
        <p class="gris">80 <span class="gris">/ 100</span></p>
      </div>

<div class="memory theme">
       <div class="left">
        <img src="./assets/images/icon-memory.svg" alt="">
        <p>Memory</p>
       </div>
        <p class="gris">92 <span class="gris">/ 100</span></p>
      </div>

<div class="verbal theme">
        <div class="left">
          <img src="./assets/images/icon-verbal.svg" alt="">
        <p>Verbal</p>
        </div>
        <p class="gris">61 <span class="gris">/ 100</span></p>
      </div>

<div class="visual theme">
        <div class="left">
          <img src="./assets/images/icon-visual.svg" alt="">
        <p>Visual</p>
        </div>
        <p class="gris">72 <span class="gris">/ 100</span></p>
      </div>

<div class="attribution">
        Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. 
        Coded by <a href="#">Janssens Hadrien</a>.
      </div>

Please log in to post a comment

Community feedback

I use sass for the first time

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community