A landing Page built with HTML & CSS
Design comparison
Solution retrospective
Am Proud of how I was able to make them responsive on different screen sizes
What I would do differently is Using color variables to store my colors and reusing them
What specific areas of your project would you like help with?I would want to be helped with how I can make the social logo (Facebook, Instagram and Twitter) change color when hovered
Community feedback
- @Code-BeakerPosted 7 months ago
Hi there, congratulations on completing this project! It's a great work you've done on this one. ๐
I attempted to visit your website and I noticed an issue with the output.
The font size on desktop is really small to the point where it becomes very hard to read.
To make the readability better for the desktop version, consider increasing the
font-size
of the elements accordingly for a better experience.Hope this helps you.
Marked as helpful0@IkechukwuChiemelieCharlesPosted 7 months ago@Code-Beaker Thank you for this observation, I noticed it and have increased the font size, but I don't think there is a way of updating it here without deleting this first post.
Thanks again for your feedback I really do appreciate .โบ๏ธ
0@Code-BeakerPosted 7 months agoYou're welcome, @IkechukwuChiemelieCharles
Keep coding! ๐
0 - @0xabdulkhaliqPosted 7 months ago
Hello there ๐. Congratulations on successfully completing the challenge! ๐
- I have a suggestion regarding your code that I believe will be of great interest to you.
CSS ๐จ:
- We can change the color during
hover
usingfilter
property.
- Example code,
.social-logos a:hover { filter: invert(67%) sepia(58%) saturate(497%) hue-rotate(121deg) brightness(81%) contrast(95%); }
- Now your landing page's
img
elements will changes it's color whenever user hovers the social links (a
)
.
I hope you find this helpful ๐ Above all, the solution you submitted is great !
Happy coding!
Marked as helpful0@IkechukwuChiemelieCharlesPosted 7 months ago@0xabdulkhalid It works!!
Thanks a lot for this, can't tell you how happy I am to gain this knowledge, I really do appreciate it.
0 - @tucecifciPosted 7 months ago
Looks great!
0@IkechukwuChiemelieCharlesPosted 7 months ago@tucecifci Thank you.
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