Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

social-proof-section

Manjiri Phatak• 90

@manjiriphatak

Desktop design screenshot for the Social proof section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

P
Grace• 27,870

@grace-snow

Posted

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

@manjiriphatak

Posted

@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
Discord logo

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