Design comparison
SolutionDesign
Solution retrospective
I just completed an exciting challenge from "Frontend Mentor". Please leave your comments and suggestions. Thank you for your time! ⭐️⭐️⭐️⭐️ ⭐️
Community feedback
- @adonmez04Posted 9 months ago
Hi @nurlanova2012. It's a clear solution. Keep coding. Here is a little tip for you:
- You can add these declarations to your
img
tag to make it responsive.
img { display: block; width: 100%; max-inline-size: 100px; min-inline-size: 50px; margin-inline: auto; block-size: auto; object-fit: cover; aspect-ratio: 1 / 1; }
- You can play around with these properties and their values to see how they affect your image element.
- You don't have to use all of them at once, but it's good to know how to use them in your project.
Marked as helpful0 - You can add these declarations to your
- @Federico-SalernoPosted 9 months ago
Good job! When you hover your mouse over the social media links, they do not change color. To do so, you can try this in your CSS style sheet:
a:hover { background-color: hsl(75, 94%, 57%); cursor: pointer; color: hsl(0, 0%, 8%); }
Marked as helpful0 - @nurlanova2012Posted 9 months ago
Dear Federico Salerno, thank you for your response and recommendation. I was under the impression that there was an active pseudo-class, but I will double-check it.
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