Single Price Grid Card Component using HTML and CSS

Greetings @PriyankaRC16

The challenge's screenshot provided to us are captured at a width of 1440px for desktop and 375px for mobile screens. So, it's important to pay special attention to these screen sizes.

You might have a display with a screen resolution of 1920x1080 or something else, which is why the design looks perfect on your machine and breaks in the screenshot, as the screenshot mechanism looks for our design at 1440px width.

You might want to consider simulating your screen using the developer tools of your browser. Most of the browsers follow the same path to access the developer tools i.e. options > more tools > developer tools or you can simply use the following key combination Ctrl (or Cmd) + Shift + I.

Then set the dimensions of the screen to the desired size and you are good to go.

Hope this helps. Thank you🤓

Hi there,

• When in mobile view, consider removing the border radius (bottom) for monthly subscription box.
• Follow the README.md document instructions and update the README-template.md file. Overall, it looks great. Happy Coding

Hi there,

Right below Design Comparison where they show the comparison of design to your solution; to the top right of that, there is a "Generate New Screenshot" button which updates the screenshot from the latest update from your provided link to the site. Note that there is a limit of 5 quantities for generating new screenshots which refresh every month for non-premium members. Also, the # of New Screenshots does not stack every consecutive month. Hope that helps. Cheers!