Design comparison
Solution retrospective
I have learned HTML and CSS couple of days ago and I am happy that I was able to implement 90 percent of the learning into this project.
What challenges did you encounter, and how did you overcome them?I got difficulty in the positioning of the social div and gaping of each social media button , I tried a lot but couldn't succeed so I took a small help from a friend.
What specific areas of your project would you like help with?I want to polish my hands into positioning in CSS its bit confusing for me.
Community feedback
- @beowulf1958Posted 5 months ago
Congratulations on completing this challenge.
Your preview page does not show. This is because your html is looking for the stylesheet inside a folder called "social" which does not exist. The link should read;
<link rel="stylesheet" href="social/style.css" />That said, the page looks fine when the link is restored. However, it is not good practice to have styles inline in the html and in an external stylesheet. Having styles in more than one place makes the page harder to maintain.
I would recommend two changes to improve the look. First, put a border around the picture to make it stand out. It looks like you were planning on a border, then commented it out. Try this:
border: 1px solid grey;Also, the hover effect with the box-shadow is hard to see. You are better off changing the background color of the button instead; perhaps grey, or even better, "lime green" hsl(75, 94%, 57%). Much more dramatic.
Hope this helps.
0
Please log in to post a comment
Log in with GitHub
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