respnsive landing page using html and css

Community feedback

• 

  Gregg Christofferson•295

  @gchristoffersonPosted about 3 years ago

  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!

  Marked as helpful

  0

  ---

  

  Kurt Gonzales•300

  @KurtGonzalesPosted about 3 years ago

  @gchristofferson thanks sir! it helps!

  0