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

Testimonial-Grid-Page Using HTML and CSS

@victorad375

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


I'm open to better suggestions.

Community feedback

@codesbyayush

Posted

It's good to see that you make it work with relative layout. It must be a lot of work for you, try learning GRID and FLEX layout in css. They will help you make this layout more easily in no time and the layout thus formed will be more fluid.

I wanted to highlight some improvements that could be made.

  • Instead of using <strong> tags, use a class and style it in css only.
  • try to reduce the use of <br> tags.
  • To get the profile pictures perfectly round (e.g. Kira, Jonathan, and Jeanette's), use border-radius: 50%.

You could watch this youtuber for improvements in solution as he solved this challenge.

1
Bezies 1,230

@Bezies

Posted

Hi, you complicate yourself with the relative position to arrange your different elements.

Look at the CSS grid method, which is quite simple to use. This is the purpose of this exercise.

Good luck with your dev

1

@victorad375

Posted

Thanks @Bezies

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