My first project ever. This too WAY to long.

hey.. the accessibility issue says that you should have wrapped all divs in <main> which is the semantic tag ,except for the div with class attribution that should be wrapper in <footer> tag also write "order summary" in <h1>

<main>
<div class="container-one">
  <img class="hero" src="images/illustration-hero.svg" alt="">
  <h1 class="order">Order Summary</h1>
  <p class="details">You can now listen to millions of songs, audiobooks, and podcasts on any device anywhere you like!</p>
  <p class="payment">Proceed to Payment</p>
  <p class="cancel">Cancel Order</p>
<div class="apple-container">
  <img class="apple" src="images/icon-music.svg" alt="">
  <div class="annual-text-box">
    <h5 style="margin:0;">Annual Plan</h5>
    <p style="margin:0;">$59.99/year</p>
  </div>
  <div class="change-box">
    <a class="change-plan"href="index.html">change</a>
  </div>
</div>
</div>
</main>
<footer>
<div class="footer">
  <p>Challenge by <a class="attribution"href="https://www.frontendmentor.io/challenges/order-summary-component-QlPmajDUj">Frontend Mentor</a>
  <br>Coded by Mason C.</p>
</div>
</footer>```