Single price grid with Sass

Community feedback

• 

  P

  Robert McGovern•1,075

  @tarasisPosted about 4 years ago

  👋 Mohamed

  Well done on completing the challenge. Looks nice

  1. I'd suggest swapping to the desktop version slightly later than you are like 625px so the screen never butts up against the component.
  2. don't forget to bold the titles for the bottom boxes to make them stand out.
  3. for the subscript line. Consider using a mini Flexbox so you can make the "per month" centre aligned. Or make both parts spans, set them both to display: table-cell; and the "per month" to span to

  display: table-cell;
  vertical-align: middle; /* centres vertically */
  font-size: inherit; /* so they inherit from the p */ 
  font-weight: inherit;
  padding-left: 10px; /* so it doesn't put up against the 29$ */
  

  Keep up the great work

  🖖

  2
• 

  Mohamed Ibrahim Mohamed Yossef•1,305

  @MohamedIbrahim13Posted about 4 years ago

  thank you for the advice 🙏. I will try doing it with your way.

  0