Skip to content
Submitted almost 2 years ago

Huddle Landing Page

David Lam•120
@Dvid-code
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with a single introductory section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

  1. What code was used to make the background more vibrant? I tried filters and they couldn't produce the colors.
  2. 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
    @beginningtosoftwarePosted almost 2 years ago

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

    1. 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.
    2. 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
    0
  • David Lam•120
    @Dvid-codePosted almost 2 years 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.

    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