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

Daniel Gómez-Sánchez

@magicDGS70 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Social links profile


    Daniel Gómez-Sánchez•70
    Submitted 11 months ago

    1 comment
  • Blog preview card


    Daniel Gómez-Sánchez•70
    Submitted 11 months ago

    1 comment
  • QR code component


    Daniel Gómez-Sánchez•70
    Submitted 11 months ago

    1 comment

Latest comments

  • Mayssa Ghanmi•170
    @MAY55A
    Submitted 11 months ago

    Responsive customized social links profile with css and html

    1
    Daniel Gómez-Sánchez•70
    @magicDGS
    Posted 11 months ago

    Well done! Even with your custom info! Keep going!

    Just one comment about your CSS: I would recommend not to style with IDs, as it is not the best practice - better to style with classes, so styles can be re-used.

  • EL MANSSOURI ABDELKARIM•180
    @abdelkarim-el-manssouri
    Submitted 11 months ago

    blog-preview-card-main

    1
    Daniel Gómez-Sánchez•70
    @magicDGS
    Posted 11 months ago

    Great job!

    Some comments anyway:

    • Font-sizes and margins/paddings look a bit off compared to the screenshoot
    • Avatar is a bit big
    • Keeping the attribution on the card makes more difficult to review the sizes
    Marked as helpful
  • Radish Sound•10
    @RadishSound
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    The design seems very close to the example thanks to the figma design. I use all the variable from the design.

    What challenges did you encounter, and how did you overcome them?

    I was challenged by a probleme of padding with the text section. I didn't understand why the width of the container change while i fixed it. With few research on internet, i find the solution with box-sizing. Also, I did'nt see that the width and the height were wixed in the figma design so I didn't think to fixed it for the container.

    What specific areas of your project would you like help with?

    All

    QR code solution with basic html css and flexbox

    2
    Daniel Gómez-Sánchez•70
    @magicDGS
    Posted 11 months ago

    Looks quite nice, congratulations!

    Some comments and suggestions just to add something more:

    • In the design screenshot, it looks like there is a shadow missing below the card - adding it would be a nice thing too (not sure if it is in Figma, as I am not using it)
    • A nitpick comment: looks like the image border-radius is a bit too much compared to the design screenshot
    • Add classes to style instead of directly into the elements
    • Wrap the image in a container to ease the styling and prevent some layout shifts
    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