Skip to content
Submitted almost 2 years ago

Responsive page using flexbox

Krish Parekh•40
@krish3957
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Testimonials grid section
  • HTML
  • CSS
2junior

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•870
    @asmaa-elfatayryPosted almost 2 years ago

    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

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