Submitted over 3 years ago

HTML, CSS (SCSS), JavaScript

Juliana Oliveira Melo• 80

@JulianaOliveiraMelo

Preview site View code

This is a solution for...

Profile card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hi everyone 👋 This is my second project 🤩 I copied the 3D idea from a project I saw on the site and wanted to test to see if I could do it on my own😁 I would like to know what you think about it. Thanks 🤪

Community feedback

Emmilie Estabillo• 5,540

@emestabillo

Posted over 3 years ago

Hey Juliana, great job! The 3d effect looks cool. I'd prefer it on the entire card only, without shifting the image and caption - but this is opinion. For your next project, it would be great to see more semantic HTML compared using to divs for most of the doc. Hope this helps!

Juliana Oliveira Melo• 80

@JulianaOliveiraMelo

Posted over 3 years ago

Hello @emestabillo 👋 Thanks for the feedback 😊 I am still learning, and yes i will use more semantic in my next project 👍. I promisse 🤭. I am really trying to became a pro in web development 😎 Thank you 🤗

ApplePieGiraffe• 30,545

@ApplePieGiraffe

Posted over 3 years ago

Well, hello, Juliana Oliveira Melo! 👋

Good job on this challenge! 👏

I like that 3d effect you added to the card component! 😉

One thing you can do to make the effect look more "3D" is to add the perspective property to the body of your page. Trying giving it a value of around 500px or something and the card will look like it pops out of the page much more!

Keep coding (and happy coding, too)! 😁

Please log in to post a comment

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