Skip to content
Submitted about 1 year ago

A landing Page built with HTML & CSS

Ikechukwu Chiemelie Charles•220
@IkechukwuChiemelieCharles
A solution to the Clipboard landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

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

Code

Please log in to post a comment

Log in

Community feedback

  • Tharun Raj•1,330
    @Code-Beaker

    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 helpful
  • Abdul Khaliq 🚀•72,380
    @0xabdulkhaliq

    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 using filter 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 helpful
  • tucecifci•150
    @tucecifci

    Looks great!

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