Skip to content
Submitted over 3 years ago

Sunnyside agency | Responsive landing page using css grid

Martijn•420
@skorpioo
A solution to the Agency landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Updated solution... For now now no questions but all feedback is welcome.

Code

Please log in to post a comment

Log in

Community feedback

  • Benja.min•740
    @BenjaDotMin

    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 :)

  • MikevPeeren•2,100
    @MikevPeeren

    Hey 👋

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

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord