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
Failed to decode param 'order-summary-component-gCBkGCVS5%20-%20Issues%20%B7%20joaomaia-code'
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Huddle Landing Page using HTML & CSS

Kam 40

@novatok


Design Comparison

SolutionDesign

Report

10

Accessibility Issues

2

HTML Issues

View Report

Kam’s questions for the community

Did I utilize CSS grids properly and how can I improve this?

Community Feedback

P
Lucas 👾 13,930

@correlucas

Posted

👾Hello Kam, congratulations for this amazing solution!

🕵️Your Huddle section is almost perfect, there's only on issue to fix with the background, to fix the background in order to keep it full width you need background-size: container.

See the code below:

body {
    background-image: url(./images/bg-mobile.svg);
    background-repeat: no-repeat;
    background-position: top;
    background-color: hsl(257, 40%, 49%);
    height: 100vh;
    background-size: contain;
}

Hope it helps and happy coding!

0

Please focus on giving high-quality, helpful feedback and answering any questions novatok might have. Here are some key points to consider:

  • Does the solution include semantic HTML?
  • Is it accessible, and what improvements could be made?
  • Does the layout look good on a range of screen sizes?
  • Is the code well-structured, readable, and reusable?

You can read our community guidelines if you're unsure what to post.

Slack logo

Join our Slack community

Join over 100,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!