Responsive 3 column card, flexbox

Community feedback

• 

  Marcos Travaglini•4,840

  @BlackpachamamePosted 10 months ago

  Hey your solution is amazing! 🤩

  📌 I can only tell you a few things:

  • I think using position: absolute to keep the `buttons' always aligned at the bottom was a good idea, although I don't know if it is the best option, nor can I think of a better one right now
  • You applied height to the icons, this caused the aspect ratio of the image to be lost, you could leave it at height: auto or simply remove that property. The difference won't be much, but it would be the right thing to do.
  • If you set border: none to the button and apply a border to the hover, this usually causes the button to slide down a little in certain cases. In this case it is not appreciated by the position: absolute but you can see that it changes size. For this, you simply apply border: solid white 1px to the button without the hover, you will not need to apply it later

  Marked as helpful

  1

  ---

  

  Filip Szkarłat•180

  @FilipSzkarlatPosted 10 months ago

  @Blackpachamame thanks for the comment :)

  I set the height only because with the default values (I don't know why) the icons were very large (195x122).

  As for the border for the button, great comment, thanks a lot, I've already implemented it in the code.

  Greetings Filip

  1