3column-preview-card with HTML&CSS
Solution retrospective
some support here please.
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@danielmrz-dev
Hey, Aya!
Try not using "position: absolute" in this case. It makes the content leak from the parent containers. When you set position absolute like that, the item will simply ignore limits and that leak can happen.
In this project, you don't even need to use the property "position". You can solve this challenge with flexbox, margins and paddings.
Hope it helps!
Marked as helpful - @Marley-Semende
okay that’s great to hear. If you go below your solution there is a line that says “Design Comparison “, below it you can see a red button that says “Generate New Screenshot”. It allows you to generate a new screenshot for your code updates:)
Marked as helpful - @Marley-Semende
Good job overall !! you can also add margins to your card containers to position your elements for example adding a margin to your buttons will make your buttons go a little more inside the card containers, and you can also try text-align: center; to center your text within the container. I hope this helps.
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