Skip to content
Submitted almost 4 years ago

HTML, CSS (SCSS), JavaScript

Juliana Oliveira Melo•80
@JulianaOliveiraMelo
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

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
    @emestabilloPosted almost 4 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!

    1
    Juliana Oliveira Melo•80
    @JulianaOliveiraMeloPosted almost 4 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 🤗

    1
  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted almost 4 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)! 😁

    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