Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
21
Comments
5
Daniel Capa
@Daniel-C04

All comments

  • Aaqib•170
    @aaqibqadeer
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    ..

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

    Giving padding and margin to table

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

    feedback on html markup and css practices

    Recipe page solution By Aaqib Qadeer

    1
    Daniel Capa•270
    @Daniel-C04
    Posted over 1 year ago

    Great job! But don't forget to place the size of the letters correctly.

  • Mikhail•460
    @mkostrikov
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    Maybe after a while I'll make it better.

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

    it is difficult to adjust the dimensions

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

    semantic layout

    Landing page using css flexbox

    1
    Daniel Capa•270
    @Daniel-C04
    Posted over 1 year ago

    Great job!

  • João Cirilo Ribeiro Luiz•60
    @CiriloRibeiro
    Submitted over 1 year ago

    Simple CSS Solution

    1
    Daniel Capa•270
    @Daniel-C04
    Posted over 1 year ago

    Great job!

  • EMMANUEL DAMILOLA•170
    @DAEM007
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?
    • I am glad I got to work with vanilla css again.
    What challenges did you encounter, and how did you overcome them?
    • Making the design up to par
    What specific areas of your project would you like help with?
    • Training my eye to get a pixel perfect solution for designs.

    recipe-page

    2
    Daniel Capa•270
    @Daniel-C04
    Posted over 1 year ago

    Great solution. But at the bottom to position the second column of the table, you can try:

    .omelette-nutrition .nutrition-table-value { display: flex; margin-top: 1rem; gap: 0.5rem; }

    .nutrition-table-value .nutrient { margin-left: 2rem; margin-right: 17rem; width: 15px; } Instead of giving him margin one by one.

  • Lucas Gabriel•10
    @LucasGabrielGameDev
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm new to this frontend development thing, so I'm proud that I was able to solve the problem with little online consultation.

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

    No really challenging problems were encountered in this project, just some questions about syntax, so a brief search resolved them.

    It became clear to me that I needed more practice! XD

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

    I would like to know if the organization of the code was adequate.

    QR Code page with CSS and HTML

    1
    Daniel Capa•270
    @Daniel-C04
    Posted over 1 year ago

    Para centrar el card, puedes ocupar: body { background-color: hsl(212, 45%, 89%); min-height: 100vh; display: flex; justify-content: center; align-items: center; }

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