NFT Card Component with flex and ::before/::after overlay

Community feedback

• 

  Ian•310

  @ianbuenPosted over 1 year ago

  I think for the .time class, you could either try to add display: 'flex' and align-items: 'center', or adjust a bit of top padding or margin for .time::before. I'd test it myself first, but I'm yet to be back at home on my PC.

  Marked as helpful

  0
• 

  R Hayes•240

  @ryanthayesPosted over 1 year ago

  That gave me an idea to try. I had been trying to change the main element NOT the pseudo element. I was able to fix by adding vertical-align to the pseudo element:

  .time::before { content: url(images/icon-clock.svg); padding-right: .5em; vertical-align: middle; }

  1