Responsive interactive pricing component using React

Community feedback

• 

  Suleman•750

  @legion40216Posted over 1 year ago

  Hey, good job on this challenge. I would like to add some of suggestions, try to avoid manually centering the content vertically by using magic pixel values they almost never work on other screen sizes.

  My advice here is to group all your content in a div and using the code below to center them.

  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%,-50%); 
  

  and avoid giving heights to elements instead use padding and margin inside the div content to adjust the height.

  1