Skip to content
Submitted over 3 years ago

BEM, Vanilla CSS, Grid for desktop layout and flexbox for mobile

Mipsmonsta•150
@mipsmonsta
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

The challenge here is using grid to layout the 4 cards that have "parallax" offset. Initially, tried using multi-column layout. But it won't be able to acheive parallax offset effect. Let me know if anyone has achieved that.

Community feedback

  • Vanza Setia•27,775
    @vanzasetiaPosted over 3 years ago

    👋Hi Mipsmonsta! My name is Vanza!

    I want to know about parallax offset effect, is that the same as this? I would be happy if you want to try explain it to me.

    0

Please log in to post a comment

Log in with GitHub

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