Single price grid using css grid and flex

Community feedback

• 

  P

  tediko•6,680

  @tedikoPosted almost 4 years ago

  Hello, chosiin! 👋

  Well done on this challenge! Your approach responds well! What i would change is:

  • You don't need grid-template-areas in this particular case. It would be much easier to set grid-template-column to be 1fr 1fr, and then set .join element to be grid-column: span2. On the other two containers set them grid-column to take first and second column and grid-row to be placed in second row both. Read this complete guide to Grid this helps me a lot!

  Good luck with that, have fun coding! 💪

  1

  ---

  

  chosiin•210

  @shikin93Posted almost 4 years ago

  @tediko

  yeah ..that's right

  0
• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted almost 4 years ago

  Hey, nice job on this challenge, chosiin! 👍

  I'd like to suggest two small things—decreasing the font-weight of some of the paragraph text and making the color of the text of the button white, not grey. Both will help your solution look closer to the original design and improve the overall look just a bit. 😉

  Keep coding (and happy coding, too)! 😁

  0

  ---

  

  chosiin•210

  @shikin93Posted almost 4 years ago

  @ApplePieGiraffe

  thanks for the suggestion .. I'm little confused about the font-weight of the design

  0