Skip to content
Submitted almost 3 years ago

social-proof-section

Manjiri Phatak•90
@manjiriphatak
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social proof section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello. This is the first time I am using CSS Grid. This is my 2nd attempt at this challenge. I hope I did justice to it. I worked through the mobile first workflow and it was much easier than going desktop first. Please let me know if I used the grid well or not. Thanks

Community feedback

  • Grace•31,270
    @grace-snowPosted almost 3 years ago

    Previewing on mobile this looks spot in, very much like the design, you should be pleased!

    I spot a few issues in the html though

    • profile-section div should be the figcaption element, it shouldnt wrap around the blockquote
    • don't use the q tag thats not what it's for. Blockquote was the correct choice for the testimonials and that can have paragraphs inside it, no need for the inline quote tag as well
    0
    Manjiri Phatak•90
    @manjiriphatakPosted almost 3 years ago

    @grace-snow I will read up on this again and learn better... I think I misunderstood the concept . Will work on this. Thankyou :)

    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