Suite Landing Page with great Position layouts

Community feedback

• 

  P

  Mina Makhlouf•920

  @MinamakhloufPosted almost 2 years ago

  Hi Syed,

  Congratulations on the project.

  I just have 2 pieces of advice that worked really well for me and I hope you find them useful as well.

  1. You can better match the design by putting a <br> after the word "solution". Then give solution its own span element, give that span a display of inline-block. Then put the curved line image inside the span element. Then give the span element a relative position and give the curved image an absolute position above the word "solution" and a width of 100% so that it is always as big as the word it is above. That way, no matter how large or small the screen gets. The curved image will always be with the word solution in the header.

  2. With display grid you can position elements so that they overlap and use z-index on them. It was very useful for me when I was positioning the hero image overlapping the header and it can help when you overlap the footer over the testimonials section.

  Hope this feedback was helpful.

  Congratulations on the project.

  0

  ---

  

  Syed mozammil karim•160

  @mozammilkarimPosted almost 2 years ago

  @Minamakhlouf Thanks for your suggestions, I will apply them, however, the z-index thing, i applied it on the footer but it was not working for me.

  0