Fylo landing page with two column layout

Community feedback

• 

  Mostafa Hashem•200

  @Mostafa-0Posted over 1 year ago

  Hi there, amazing job on completing the challenge! A quick note, to make the background curve properly, you can use a div at the beginning of the second section and then give that div the curve as a background (one for desktop & one for mobile using media queries). Then apply this snippet of code to position it properly:

  .curveDiv {
  background-size: cover;
  position: absolute;
  top: -78px;
  left: 0;
  width: 100%;
  height: 80px;
  }
  

  Don't forget to give the second section a position relative and a background of the same color as the curve. Good luck and feel free to ask if anything I said was frustrating!

  Marked as helpful

  0