Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Tarjeta responsivo usando flexbox, Css Grid, animación y mix-blend...

Patricia 160

@GarciaRojasP

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Saad Hisham 1,750

@Saad-Hisham

Posted

Hey 😀 I wanted to share a tip that might come in handy for matching the screenshot with the design. What I usually do is make a copy of the project files after finishing it without animation, and then set them aside. Once the website takes the screenshots after deployment, I add animation code to the files on GitHub. The best part is that Vercel automatically detects the changes and applies them during deployment. Hope this helps! and your solution is amazing keep it up💖

1

Patricia 160

@GarciaRojasP

Posted

@Saad-Hisham Thank you so much for the information. I was thinking about how to solve that detail. 💖

also your solutions are amazing.

postscript: I don't understand much English I hope you understand what I write

1

Please log in to post a comment

Log in with GitHub
Discord logo

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