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

Responsive price card

@IngaSafranova

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Jere 150

@chungvuiloong

Posted

Hi,

Well done your challenge!

I would to add that if the body has this following css code, it will assist your card component to be in the center.

body { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; }

min-height: 100vh -> make the minimum height of page full screen. flex & flex-direction: column -> makes content direction from top to bottom justify-content:center -> make your content in the center

Let me know how it goes for you.

Marked as helpful

0

@IngaSafranova

Posted

@jirimicvl thank you so much for taking the time to look at my work and give me the feedback. I have implemented your suggestions. I am just starting my coding journey and all feedback is appreciated.

0
Jere 150

@chungvuiloong

Posted

@IngaSafranova

Same with me as well.

Please let me know if you need some advice in your programming journey.

The community here is quite supportive and nice in providing feedbacks to improve.

Marked as helpful

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