Responsive 3 column previewcard

Community feedback

• 

  vcodey•270

  @v-codeyPosted over 2 years ago

  hey @nati-pi ,

  the problem with your solution is not hidden, you can also see there are issues. However I suggest some things that will probably fix it.

  • provide height: 28rem; & width: 13rem; in the .padd so that the button doesn't flow out
  • instead of setting button margin top set the p with a min-height of 11 to 14rem. ( the issue with btn margin-top here is that the button position is dependent on the text length if the text is more then the button will not be aligned with each other).
  • in media queries set body height to 100%
  • remove container height & width and set border-radius with overflow hidden on container. In that way you wont have to set individually for every card

  keep learning happy coding

  Marked as helpful

  0