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

Single price grid component using HTML and CSS

@abhijitmorye

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison

SolutionDesign

Abhijit Morye’s questions for the community

Hi All,

I have completed this challenge which requires basic HTML and CSS. feedbacks are most welcome.

Community feedback

Jen 1,230

@En-Jen

Posted

Hey Abhijit, nice job coding this. Using class names for almost all your CSS selectors is really good and nice job using relative units. I would suggest giving the entire price grid component a width and then centering it within the page. It looks too wide as it is on large screen sizes.

2

@abhijitmorye

Posted

@En-Jen Yes sure.. Thanks for your suggestion

0
Roman Filenko 3,335

@rfilenko

Posted

Hey, put all our elements inside one container, give it a max-width, this way it will be easier to position it. Also be consistent with margins between elements, so use just margin-bottom, for example, for vertical rhythm. Initially set box-sizing:border-width - will help with sizing all your elements.

Keep practicing, Roman

1

@abhijitmorye

Posted

@rfilenko Thanks for the suggestion..i will keep these in mind while coding.

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