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

Solution retrospective
Hello community ,I did this challenge before. I've corrected the issues, if anything I have to work on , please leave a comment to improve.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @CornflakesPlus
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 - @Mansour0007
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
- @PhoenixDev22
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
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord