Skip to content
Submitted about 5 years ago

Single Price Grid Component Using CSS Flexbox

aashish-cloud•515
@aashish-cloud
A solution to the Single price grid component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I have completed the single price grid component and it looks completely fine and responsive while I check it on PC by squeezing the screen size. But when I open the link using my mobile phone the result is not as expected.

Please tell me how can I improve. Thanks.

Code

Please log in to post a comment

Log in

Community feedback

  • siddtheone•490
    @siddtheone

    Main card missing rounded corners. Also add top margin. Please upvote if helps.

  • Roman Filenko•3,335
    @rfilenko

    Hello, you can add <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> to your html page in the head. Study what this metatag does :). Apply some additional styles on mobile with mediaquiries.

    Roman

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