Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
8

Davide Di Francesco

@davdifrRome, Italy.200 points

Student @ University of L'Aquila

Latest solutions

  • loopstudios-landing-page


    Davide Di Francesco•200
    Submitted over 2 years ago

    0 comments
  • clipboard-landing-page


    Davide Di Francesco•200
    Submitted over 2 years ago

    1 comment
  • advice-generator-app


    Davide Di Francesco•200
    Submitted over 2 years ago

    1 comment
  • fylo-data-storage-component


    Davide Di Francesco•200
    Submitted over 2 years ago

    1 comment
  • testimonials-grid-section


    Davide Di Francesco•200
    Submitted over 2 years ago

    0 comments
  • nft-preview-card-component


    Davide Di Francesco•200
    Submitted over 2 years ago

    1 comment
View more solutions

Latest comments

  • Abhilash•920
    @Chiku100
    Submitted over 2 years ago

    Random advice generator using React

    #react#accessibility
    1
    Davide Di Francesco•200
    @davdifr
    Posted over 2 years ago

    Hey, great job, it works well and the template perfectly reflects the preset goal.

    The only thing, which is probably just a mistake, is that the sentences should have text-align center. Basically it's really simple for you to fix!

    Otherwise, nothing to say! Happy coding!

  • Lawrence•180
    @lwrncgmbn
    Submitted over 2 years ago

    QR Code Component Main

    4
    Davide Di Francesco•200
    @davdifr
    Posted over 2 years ago

    The work is well done and is very similar to the preview, congratulations! The only thing I would suggest adding is a slight shadow to the card, which is present in the example template. I am confident that with your skills it will not be difficult to complete this step as well! Best regards.

  • Dhanya•50
    @dhan5a
    Submitted over 2 years ago

    NFT preview card component

    3
    Davide Di Francesco•200
    @davdifr
    Posted over 2 years ago

    Hey, nice job!

    First, I would like to tell you that you used the declarations in :root correctly, but then you didn't use them. Personally, I don't understand why. To use white for example, you just need to use var(--white) where necessary.

    In addition, as you can see, the platform suggests using alt in images, for example: <img src="background.png" alt="background">.

    These improvements are very simple and I'm sure that with your skills they won't be a problem!

    Otherwise, the work is well done!

    Marked as helpful
  • Eren•210
    @for-dev9
    Submitted over 2 years ago

    css

    2
    Davide Di Francesco•200
    @davdifr
    Posted over 2 years ago

    Hey, first of all, great job! Your work is very similar to the original!

    I have two tips for you:

    1. For the border-radius of the card, use a pixel size, in this case 10 should be enough. As you can see from your result, the edges have a "strange" shape because you used a % size that is usually used to obtain a circle if you have a div with equal height and width.
    2. As you can see from the preview image, there is a slight shadow behind the card, it should not be difficult with your skills to add it without problems!

    That said, once again great job and good coding!

    Marked as helpful
  • Gustavo S. Dos Santos•840
    @GustavoSDS
    Submitted over 2 years ago

    fylo-data-storage-component

    #sass/scss#bem
    1
    Davide Di Francesco•200
    @davdifr
    Posted over 2 years ago

    Hi! First of all, great job! There are no differences in the comparison slide and this is fantastic!

    There are two things that I think you could easily fix with your skill:

    1. The background should be placed in the bottom right instead of floating in full screen;
    2. "185" and "GB LEFT" should be centered.

    Nothing else to add! Keep up the good work!

    Marked as helpful
  • Davide Di Francesco•200
    @davdifr
    Submitted over 2 years ago

    fylo-data-storage-component

    1
    Davide Di Francesco•200
    @davdifr
    Posted over 2 years ago

    Icon issue fixed.

View more comments
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub