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

Desktop first using basic Flexbox

@Debabrata-bhakat

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


This was my first try at using flex box. Do let me know if I can improve somehow.

Community feedback

@axevldk

Posted

Hi, Debabrata Bhakat ~ I have studied you work. So good at the moment ~ 👍

Here are some of my opinions ~

For container-2, you would be better not to use align-items: flex-end property. Without that, you can adjust height of two boxes.

On 1024px and some other resolutions, image of box-3 goes weird. You can set width of string to calc(100% - 60px), for example.

Hope these can help you even a bit. Happy coding ~

0

@Yellow-May

Posted

For a first time, it looks decent only notable improvement would be on your width and height of each section

in this kind of situation, grid would be more suitable to use in my opinion because it allows you to allocate the total amount of rows and columns for the "table" and makes assigning the width and height easier to do.

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