Responsive Huddle landing page with w/ reactjs

👾Hello Bashar, congratulations for your new solution!

Your solutions is almost complete, you miss only two things:

The hero section is too big, to make it have a proper size, use max-width to avoid the section growing too much.

See the fixes for this here:

.main {
    display: flex;
    max-width: 1110px;
    justify-content: space-between;
    margin-top: 5.5rem;
}

The background is not display 100% of the viewportheight, to make it take all the screen height, use background-size: cover. See the code fixes below:

.wrapper {
    background-color: #674baf;
    background-image: url(/static/media/bg-desktop.6824779….svg);
    background-repeat: no-repeat;
    min-height: 100vh;
    padding: 2rem;
    background-size: cover;
}

👋 I hope this helps you and happy coding!