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

Responsive page using flexbox

@krish3957

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


As we are making this only for mobo and desktop device, when we resize our window to some width between this to it become very weird and do not look good.

Community feedback

@asmaa-elfatayry

Posted

HI Krish, you really did a great job. to remove the warning, you should add all the content of the body in the <main></main> tag.

to make the design responsive you should change the flex in small screen like this: flex-direction:column;

hope this can help you: https://www.youtube.com/watch?v=zqSXT4pHD9g https://www.youtube.com/watch?v=S0a7PEOi0do

Or you can use grid too: https://www.youtube.com/watch?v=rg7Fvvl3taU

Marked as helpful

1

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