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 | HTML & CSS

P
Nikki 160

@nicolette-codes

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


What are you most proud of, and what would you do differently next time?

Properly check out all the font colors used in the design.

What challenges did you encounter, and how did you overcome them?

To many font colors xD

What specific areas of your project would you like help with?

Nothing in particular.

Community feedback

Account Deleted

Hello there 🤗

I'm really impressed with your solution and I really like the way you used utility classes for the background color and your HTML is also well structured but I have a small suggestion for you 💞

multiple <h1> tags

I observed that you used multiple <h1> tags in your HTML and that is not a good idea because <h1> tag is used to indicate the primary topic of your webpage to visitors and search engines. And it also help in SEO of your site so instead of using multiple h1 tags you can use h2 tags

Here is an article on how to use <h1> tag and why is it Important. Link

Hope that will be helpful for you 😁

Happy Coding

Marked as helpful

1
P

@stefan-holmgren

Posted

Looks good. Missing the background in the first section, and shadows underneath the sections.

Interesting cell-assignments in the grid.

I ended up using

  main {
    grid-template-areas:
      "A A B E"
      "C D D E";
    ...
  }

  section:nth-child(1) {
    grid-area: A;
  }

  ...

Marked as helpful

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