Skip to content
Submitted 9 months ago

Responsive Testimonials grid section using CSS Grid

Rebecca Padgett•1,840
@bccpadge
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Testimonials grid section
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hello everyone,

This is my first junior solution to the Frontend Mentor Testimonials grid section. All feedback is welcome and greatly appreciated. I am getting this error in my HTML validation report: Element "ficaption" not allowed as child of element "figure" in this context. What is the best way to fix this issue?

Thanks,

Rebecca

Community feedback

  • Rik Megens•50
    @rmegensPosted 9 months ago

    hi Rebecca, Overall I like your solution and im learning a lot from your code. Is there a reason why you did not use the <section> tag ?

    typo in css Seems like there is a type on line 22 of the css (:before,) im guessing your intend was (::before,)

    kind regards, Rik

    Marked as helpful
    0
    Rebecca Padgett•1,840
    @bccpadgePosted 9 months ago

    @rmegens

    The reason why I didn't use a <section> tag in this project because you have to a h1 - h6 tag.

    Example:

    <section aria-labelledby="title">
 <h1 id="title">This is my heading<h1>
 <p> This is a paragraph</p>
</section>

    Here a video by Kevin Powell explaining HTML section elements

    Thank you for pointing out the typo.

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord