Sunnyside agency | Responsive landing page using css grid

Community feedback

• 

  Benja.min•740

  @BenjaDotMinPosted almost 3 years ago

  Hiya Martijn!

  You can add a z-index:1 to .primary-btn. Then add z-index: -1 to your after class.

  With a z-index and relative parent, the z-index:1 will act as a new scope, for the z-index:-1 (rather than the -1 sending it behind your page, it will send it behind the primary-btn) I hope this makes sense :)

  0

  ---

  

  Martijn•420

  @skorpiooPosted almost 3 years ago

  @BenjaDotMin OMG.. You're amazing! Exactly.. it was sending it behind the page before. Annoying!! Didn't think about this solution. Thanks a lot!

  0

  

  Benja.min•740

  @BenjaDotMinPosted almost 3 years ago

  @skorpioo Absolutely my pleasure! I have learned this the hard way too, haha - its not so obvious. Great layout by the way, I am impressed.

  0
• 

  MikevPeeren•2,100

  @MikevPeerenPosted almost 3 years ago

  Hey 👋

  You can use :after and apply a top with a background color and a certain height.

  0

  ---

  

  Martijn•420

  @skorpiooPosted almost 3 years ago

  @MikevPeeren Hey.. Thanks man.. Glad you share your knowledge, but that's what I already have. The issue is that the the :after is in front of the text. I want it to be behind the text..

  0

  

  MikevPeeren•2,100

  @MikevPeerenPosted almost 3 years ago

  @skorpioo I see what you mean.

  Try to make the footer have position relative with z index 1 and give the after effect position absolute with z index -1.

  0

  

  Martijn•420

  @skorpiooPosted almost 3 years ago

  @MikevPeeren Yeah!! It works now. Thanks for your help Mike!

  0

  

  MikevPeeren•2,100

  @MikevPeerenPosted almost 3 years ago

  @skorpioo np, make sure to make the comments as helpful if they were 😄

  0