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 - css/html

Shyfter 30

@Shyfter

Desktop design screenshot for the Testimonials grid section coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

@HusseinSamy

Posted

Hello @Shyfter, 👋🏻

Awesome job on taking the first steps towards your dream!

I'm thrilled to see your engagement with this platform to enhance your design skills. Though, I have some suggestions for you:

1.Adding meta tags to enhance the SEO, such as:

<meta name="title" content="My Website">
<meta name="description" content="My Website Description">
<meta name="keywords" content="Some, Keywords, Here">

2.Using some CSS naming convention to properly name your CSS classes, BEM would be a great choice.

3.It's a better practice to put all your assets (images, icons, etc..) under a subdirectory called "assets".

4.Leaving some space and writing comments in your HTML can save you sometime when navigating your code, something like this:


< ========== >
< Left Section >
< ========== >
<section>
...
</section>


< =========== >
< Right Section >
< =========== >
<section>
...
</section>

Hope you find it useful!😇

Keep up the fantastic work, and happy coding! 🚀

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