Skip to content
Submitted 8 months ago

CSS flexbox and Grid

cloudpc7•180
@cloudpc7
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Workit landing page
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I am most proud of the time that it took to finish this project. I believe I need some things to work on as far as making it more responsive.

What challenges did you encounter, and how did you overcome them?

my challenges for this project is the css with width and height and making it more responsive.

What specific areas of your project would you like help with?

I need assistance with the css of this design. Do I need to fix any of the margins or paddings, height. Is there something I can do better as far as flex layout?

Community feedback

  • Ravi Bele•170
    @RaviBelePosted 7 months ago

    Hi, your solution looks good, I liked the curves you added.

    Can you try to make it responsive. Use max-width and min-height, it will help your project to become responsive?

    also try to use media queries to fit the content according to screen size.

    in Flex layout, explore flex-direction, flex-wrap, gap properties. it will help you to adjust the content according to screen size.

    0

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