Frontend Mentor | Harry-Crocksick's profile

@kwokkw

Submitted 10 months ago

I am unsure of the structure and CSS of the inner container that contain the image, text, price, and link.

<div class="card-plan-container">
                    <!-- How would you describe this alt text? -->
                    <img src="images/icon-music.svg" alt="This is a music icon.">
                    <p>
                        <span class="plan-text">Annual Plan</span>
                        <span class="price">$59.99/year</span>
                    </p>
                    <a href="#" class="link-change">Change</a>
                </div>

Also, how would a professional give a detailed alt to the hero image and music image on this page?

Any additional comment/advice will be greatly appreciated. Mahalo!

Order Summary Component using basic HTML and CSS

Harry-Crocksick• 70

@Harry-Crocksick

Posted 10 months ago

You don't need to give alt attribute's value an explanation like 'This is a music icon'. You can give an appropriate name like 'Music Icon' straight. Better not divide paragraph with <span> inside <p></p>. Btw great job!

Harry-Crocksick

All comments

Order Summary Component using basic HTML and CSS