Skip to content
Submitted over 1 year ago

Single-Price-Card-Component-Using HTML5 and CSS3.

vivekrajput@93ā€¢450
@vivekrajput-93
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single price grid component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi there šŸ‘‹, Iā€™m Vivek Rajput and this is my solution for this challenge.

šŸ› ļø Built With:

HTML5, CSS3.

Note : Hi Devs Folks..I did not use Grid. It was my mistake that I didn't read the instruction with focus and made this component using Flex.

Any suggestions on how I can improve and reduce unnecessary code are welcome!

Thank you.

Community feedback

  • Aimal Khanā€¢2,260
    @Aimal-125Posted over 1 year ago

    You should increase the height of body element to 120 or 150vh by using media query with max-height: 500px for small heighted screens. As it is not looking good on samsung j3. And also increase width: 90%; instead of vw unit. The card is appearing very slim.

    1

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