Skip to content
Submitted over 1 year ago

Single Price Grid Component

Gabriela Alvarenga•100
@gabrieladsalv-projects
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

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•70
    @anuraggcoderPosted over 1 year ago

    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

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