Fylo landing page with two column layout

Community feedback

• 

  Adarsh Pratap•5,515

  @adarshcodesPosted over 4 years ago

  Hi! @Ayaka0, You did nice work on this challenge. For making the curve perfect use ::before pseudo-class.

  do something like this

  .secondary::before { content: ""; position: absolute; left: 0; bottom: 100%; width: 100%; }

  .secondary::before { background: url('images/bg-section-top-desktop-1.svg') no-repeat top center; background-size: cover; height: 160px; }

  It should work. Give it a try.

  1

  ---

  

  Ayaka•195

  @Ayaka0Posted over 4 years ago

  @adarshcodes Hi! I am sorry for replying late. Thank you so much for giving me advice!!:)

  0
• 

  Alexei•831

  @Batareika007Posted over 4 years ago

  Hi Ayaka, I found easiest solution for me, create new div only for curve img, between your PRIMARY SECTION and SECONDARY SECTION.

  I thinks it can be done with z-index, but I didn't sucseed whit it...

  or you can put the img at the bottom of PRIMARY SECTION, I think it can do the work to.

  I home it's will help, you did great job !

  0

  ---

  

  Ayaka•195

  @Ayaka0Posted over 4 years ago

  @Batareika007 Hi! Thank you very much for trying solve it! I will try it:)

  0