Three column preview card component

Community feedback

• 

  Manoj Kumar Singh•970

  @dev-mksinghPosted 9 months ago

  hey @keremenen nice try, and good work. But its not completely responsive or appropriate when you try to resize it. Try to resize the screen from 885px - 910px you will find that the buttons are not aligned . Kindly use flex properties by setting the proper height, padding, margin. or simply try to wrap the button in container, set the container height and then use flex align-items:center and justify-content:center and it should work. If you need any help feel free to ask.. Hope this is helpful . Happy coding

  Marked as helpful

  0

  ---

  

  P

  keremenen•340

  @keremenenPosted 9 months ago

  Hey @dev-mksingh,

  Thank you for spotting the design inconsistencies. Indeed, at these widths, the buttons were not aligned evenly. I've decided to remove their fixed top margin and set it to 'auto' so they always touch the padding of a single card. Additionally, I've assigned the previous margin value as the margin-bottom for the descriptive element.

  0