Order Summary

Hello there! Good job in this challenge. Viewing the solution, I think you should consider the following as well…

• Import the attribution style in CSS file and remove the style tag
• Include description with the alt in image tags. Like this line <img class="hero-img" src="./images/illustration-hero.svg" alt="">
• Add the background image in the body tag. image/pattern-background-desktop.svg with background-size: cover/contain;, background-position: top; and background-repeat: no-repeat;
• Add the hover state of the main button in .payment with cursor:pointer; and background-color: hsla(245, 78%, 79%, 1);
• Add cursor: pointer for the links
• Refactor this part and wrap it with footer tag

<section>
      <div class="attribution">
        Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. 
        Coded by <a href="https://github.com/rouftarek/">RoufTarek</a>.
      </div>
    </section>

Into:

      <footer class="attribution">
        Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. 
        Coded by <a href="https://github.com/rouftarek/">RoufTarek</a>.
      </footer>

Above all, Well done! Keep it going!