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

CSS flexbox and Grid

P
cloudpc7 180

@cloudpc7

Desktop design screenshot for the Workit landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

P
Ravi Bele 170

@RaviBele

Posted

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
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