Skip to content
Submitted over 2 years ago

Responsive page just only html css

To Dat•290
@tltd0807
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

HI I need some feedback for responsiveness of my code. Any feedback or suggestions would be highly appreciated. Thanks for your kindness

Community feedback

  • Lucas 👾•104,340
    @correlucasPosted over 2 years ago

    👾Hello again TO DAT, congratulations for your new solution!

    The background is not filling the desktop version background becouse you've imported the mobile version, instead of that use background-image: url(./images/bg-desktop.svg);

    Use these properties to make it full width background-size: contain; min-height: 100vh;

    body {
    background-image: url(./images/bg-desktop.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: hsl(257, 40%, 49%);
    color: aliceblue;
    font-family: "Open Sans";
    min-height: 100vh;
}

    👋 I hope this helps you and happy coding!

    Marked as helpful
    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