Responisve cards using inline-block [updated]

Community feedback

• 

  Thomas Hertog•885

  @thomashertog

  Posted almost 4 years ago

  if you make the container (of the 3 columns) a flex container, they will automatically have the same height (because of the flexbox property align-items: stretch;) combine that with flex-grow: 1 on the description or a margin-top (or margin-block-start) of auto, that should fix the buttons at the bottom

  other feedback. you could fix the accessibility issues and while you're at it, please note that usually there is only 1 h1 tag on a page which contains the title/purpose of the web page

  your CSS is overly verbose and far from DRY (Don't Repeat Yourself) try cleaning things up by using classes that you can reuse (for example the shared button-styles)

  10

  Marked as helpful
• 

  Jimender•140

  @Jimender

  Posted almost 4 years ago

  if you want to fix the position of buttons you can try absolute positioning.

  00