3-column-preview-card-component HTML &CSS

Community feedback

• 

  Cornflakes•290

  @CornflakesPlusPosted about 2 years ago

  Hey Phoenix! How ya doing?

  You gave some incredible and well detailed feedback on my 3-column-preview-card-component. I wanted to check your solution as well for some best practices. Very nicely done, man!

  It seems like you had a little trouble with FlexBox items, me too. I know you probably figured it out because it's 7 months old LOL ;D. But anyways, by setting the FlexBox items to align-self: stretch; it worked for me.

  Another thing I noticed is that you set the min-height: 100vh but why is your card not aligned the same as the original design?

  Marked as helpful

  0

  ---

  

  PhoenixDev22•16,950

  @PhoenixDev22Posted about 2 years ago

  @CornflakesPlus Glad to help. That’s right I had that issue. Since then I haven’t updated my solution. The component is not aligned the same like the design because I added the attribution.

  I really appreciate your help.

  1
• 

  Mansour•220

  @Mansour0007Posted almost 3 years ago

  hi PhoenixDev22 i tried and put the same text in all cards in dev tools the problem was solved , i think it's just the text trying to adjusting and some cards have more text than others so you see them shrinking . i'm not sure it's considered a problem or not but that what i saw in dev tools . waiting for other devs to give their opinion so we could learn from this good luck

  1
• 

  PhoenixDev22•16,950

  @PhoenixDev22Posted almost 3 years ago

  I have an issue with the SUVS card that shrinks a little comparing to the other cards at width: 830px; Can anyone kindly point out the issue

  1