single price grid component (adaptive grid)

Community feedback

• 

  Eric Salvi•1,350

  @ericsalviPosted over 3 years ago

  Hey ViyanMD, great attempt on your first solution. I do like you called out what you know you'd like to work on in the future. I don't see any HTML or Accessibility issues, so kudos.

  For the "per month", I think it would be easiest to use flexbox on the container that the amount and "per month" text are located.

  So for that particular paragraph tag, you could easily vertically center the items on each other.

  Adding,

      display: flex;
      align-items: center;
  

  Would do the trick. You would also want to add some left padding to the text as well to give it proper spacing.

  Another thing you should look at exploring is the Resource section of this site. There is some valuable free content that you could look over to get a bit more experience with these challenges.

  Also do not be afraid to try the same ones over and over to see if you can take any feedback you get or think about doing something differently. Keep up the momentum and you'll get there.

  0

  ---

  

  ViyanMd•0

  @ViyanMdPosted over 3 years ago

  @ericsalvi thank you! I've actually fixed it already, just forgot to update. I appreciate the advice :)

  0