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

Testimonials grid section

Kacper Kwinta 1,405

@kacperkwinta

Desktop design screenshot for the Testimonials grid section coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Built with 🧱

  • Big amount of patience
  • Semantic HTML5 markup
  • SCSS
  • Grid
  • @media

Community feedback

@0xabdul

Posted

Hello there well congrats on finishing the testimonials gird section ✨

  • A few lines of suggestions for improve your code
  • there are one Accessibility reports
  • What that Accessibility reports ?
  • The html page Must be contained one main landmark
  • The main landmark should be a top-level landmark. When a page contains nested document and/or application roles (e.g. typically through the use of iframe and frame elements), each document or application role may have one main landmark..
  • for easy way
  • Ex :
<body>
<div class="main-container" role="main">
//Whole html code here 🏷️
</body>
  • I Hope it's useful for you 😃
1

Kacper Kwinta 1,405

@kacperkwinta

Posted

@0xAbdul Thanks for reply 😁

I see one report, but it's about h1 tag - Page should contain a level-one heading

Anyway thank's for your time! ✌

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