Submitted 7 months agoA solution to the Social links profile challenge
Social links profile. Semantic HTML5 markup, Font-size using clamp()
accessibility
@fadymas

Solution retrospective
What are you most proud of, and what would you do differently next time?
- I learned a great deal about image editing.
img {
width: 230px;
clip-path: circle(26%);
object-fit: cover;
object-position: top;
height: 100px;
}
What challenges did you encounter, and how did you overcome them?
"I use CSS properties like clip-path: circle(26%), object-fit: cover, and object-position: top to create and style circular profile photos, controlling the shape, image scaling, and cropping."
What specific areas of your project would you like help with?I don't have anything in particular I need help with right now, but I'd welcome any useful comments or suggestions. Thanks!
Code
Loading...
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Fady's solution.
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