Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
8
Davide Di Francesco
@davdifr

All 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.

  • Vinicius Porto Ribeiro•280
    @RibeiroPorto
    Submitted over 2 years ago

    NFT Preview card component

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

    Good job! I really appreciate your organisation in the project folder. And your solution for the view part! Nothing to say here 🔥

    Maybe you should just find a way to make the hr view fit the preview... But this is just a small point!

  • Zou•190
    @zouvier
    Submitted over 2 years ago

    Responsive QR code HTML and TailwindCSS [Project #3 submission - 2]

    #tailwind-css
    1
    Davide Di Francesco•200
    @davdifr
    Posted over 2 years ago

    Hello! First of all good job 🥳

    Then I would like to point out to you that the color of the h1 does not meet the requirements (you should use the dark blue specified in the style file), and the padding of the card should be a little bigger!

    In my opinion, you have achieved the goal well, and this small correction will be easy for you. Have a nice day!

    An other hint, to fix this: `All page content should be contained by landmarks

    <div class="card">` change div into main tag 👍
    Marked as helpful
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