respnsive landing page using html and css

Hi @KurtGonzales!

One way to do it is with absolute positioning. You need to move the .community class div inside your footer, then set position: relative on the footer. Next, edit your .community class with these rules:

.community {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -140px;
    background-color: #fff;
    color: black;
    text-align: center;
    width: 50%;
    /* margin: 100px; */
    /* margin-top: 90px; */
    /* margin-bottom: 10px; */
    /* margin-left: 300px; */
    border-radius: 10px;
    box-shadow: 0 5px 10px 10px rgba(0, 0, 0, 0.1),
    0 3px 6px 0 rgba(0, 0, 0, 0.05);
}

This will get it in the ballpark but you'll have to probably make a few adjustments to your margins on the section above the footer and the top value of .community. Let me know if that helps!