Design comparison
Solution retrospective
Profile picture using HTML and CSS. I couldnt get the words to line exactly at the bottom.Any advice on that would be greatly appreciated. Any other comments welcomed too. Thank you!
Community feedback
- @ApplePieGiraffePosted over 3 years ago
Hey, Cheyenne Piper! 👋
Good effort on this challenge! 👍
I suggest allowing the height of the card component to be based on its content (so that it doesn't become too high on extra-large screens), and adding
width: 100%
to the card component and giving it a max-width so that it only decreases in width when the space around it becomes very small. 😉If you are referring to aligning the attribution text with the bottom of the page, you can use absolute positioning for that. Something like,
.attribution { position: absolute; bottom: 1rem; left: 50%; transform: translate(-50%, 0); }
Hope that helps a little. 🙂
Keep coding (and happy coding, too)! 😁
0
Please log in to post a comment
Log in with GitHubJoin 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