Skip to content
Submitted over 3 years ago

Huddle landing page

Julian•280
@Julr09
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

Right now i'm having trouble with the background images, can't make them exactly like the design provided, so any advice or resource regarding to that or anything else would be appreciate. Thank you.

Community feedback

  • Ben Andrew Merritt•345
    @b-a-merrittPosted over 3 years ago

    Hey!

    So one thing I saw was that you are using background-size: cover for all the queries. What might help you getting the background image to be perfectly sized is to use a different value. It's syntax is

    background-size: [WIDTH-VALUE] [HEIGHT-VALUE]

    Those values can be %, px, ems, etc. I think % are easiest. Since you are using two backgrounds, the svg and the color, it would be best to use

    background-size: [WIDTH-VALUE] [HEIGHT-VALUE], cover

    because the value after the comma refers to your second background. Without doing the project, I cannot tell you what values would be best. I think you'll find it quite quickly.

    Good job and Happy Coding!

    1

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