Submitted over 1 year ago

Huddle Landing Page

David Lam• 120

@Dvid-code

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Huddle landing page with a single introductory section

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What code was used to make the background more vibrant? I tried filters and they couldn't produce the colors.
I couldn't get the social media icons to be white, then change to purple on hover. Online it said icons are like text and to use "color" but it didn't work.

Community feedback

BeginnerToSoftware• 150

@beginningtosoftware

Posted over 1 year ago

Hey even though i'm not that much qualified but i'll try to answer.

I don't think there is need for you to use linear gradient in this problem. just set background colour to what is provided in style-guide-template and background - img diff for mobile and desktop. also wrap your img tag in a div element so that it doesn't cause overflow.
use font-awesome icon or bootstrap icon to set the color to your icon. Overall your solution is good as a beginner.

Marked as helpful

David Lam• 120

@Dvid-code

Posted over 1 year ago

I fixed the background and used font-awesome icons, but I'm still getting 7 errors in the html validation report. I don't know where they are referring to.

Please log in to post a comment

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