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

Single Price Grid Component

@gabrieladsalv-projects

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


This is the first 'big' project of only HTML/CSS I've tried. Definitely not perfect, but maybe with time I can correct all that's missing or wrong.

Community feedback

@anuraggcoder

Posted

I have also completed this challenge and must say that (for newbie) this one requires careful planning of how we are going to design our markup so that it responds to different screen sizes as required. I think that you should draw a rough structure of your HTML code after careful considering how the page appears on different Screens. Then plan how Flex direction value will change as per the requirement. After wasting much of my time, I have figured out this general approach which might be useful for you too..

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