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

Daniel Capa

@Daniel-C04270 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

  • Responsive landing page using CSS Flex and Grid

    #sass/scss#bem

    Daniel Capa•270
    Submitted 10 months ago

    How to place a background image, through css.


    0 comments
  • Responsive landing page using CSS Grid and FlexBox

    #bem#sass/scss

    Daniel Capa•270
    Submitted 11 months ago

    How to set the background image in CSS.


    0 comments
  • Responsive landing page using CSS grid and flex

    #sass/scss#bem

    Daniel Capa•270
    Submitted 11 months ago

    0 comments
  • Responsive landing using CSS Grid

    #bem#sass/scss

    Daniel Capa•270
    Submitted over 1 year ago

    0 comments
  • Responsive landing using CSS Flex Box

    #sass/scss#bem

    Daniel Capa•270
    Submitted over 1 year ago

    0 comments
  • Responsive landing page using CSS Grid

    #sass/scss

    Daniel Capa•270
    Submitted over 1 year ago

    0 comments
View more solutions

Latest 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; }

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