Responsive NTF card using flexbox

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Manuel, congratulations for your solution!

  The component is really good done and almost perfect, all you need to do to have it optimal is to remove the container height because since you've set the height as a fixed value, the component height cannot grow more than the value you've used. Note that when the container shrink arrives to a point where the text starts top pop out the container, to fix that just delete the height, the container height is defined by its elements and inner paddings, so its adjusts automatically.

  Here's the code I'm referring :

  .card {
      /* height: 570px; */
  }
  

  Hope it helps and happy coding!

  Marked as helpful

  0

  ---

  

  Manuel Bacallao Perez•200

  @CoderKnight02Posted over 2 years ago

  @correlucas I am updating my solution, Thank you so much, I really appreciate your help.

  0