Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Landing page non-functionary

Kritika 20

@11Kritika11


Design comparison


SolutionDesign

Solution retrospective


Changing the color of icons and Their hovering state is not working .Don't know why , I tried multiple time to solve this issue but wasn't successful and the content desktop size also bothered me a lot as you can see my commits of CSS folder on my GitHub repository. I would love to know How can I fix this problems in my Upcoming challenges! .Nevertheless I enjoyed completing and submitting my first ever challenge.

Community feedback

@joaotextor

Posted

Congratulations on your first challenge :-)

You can try using a padding on a <article> tag to create a border on your text content, or a margin-right to fix the position.

To change color of social icons on hover, use SVG files on <img src> and then, on :hover, use the 'filter' property to change colors.

Here's a good tool to convert hex colors to filter: https://codepen.io/sosuke/pen/Pjoqqp

Marked as helpful

0

Kritika 20

@11Kritika11

Posted

@joaotextor Thank you so much for your valuable feedback ,I'll definitely apply them and update my challenge !

1

@joaotextor

Posted

@11Kritika11 you're welcome.

Feel free to check out my solution's code if you need any ideas. https://www.frontendmentor.io/solutions/responsive-huddle-landing-page-E_myXzykgR

0

Please log in to post a comment

Log in with GitHub
Discord logo

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