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

Daniel García

@DaniCoppermind140 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

  • Conference Ticket Generator

    #react#tailwind-css#vite

    Daniel García•140
    Submitted 5 months ago

    0 comments
  • Product List With Cart

    #react#typescript#vite#tailwind-css

    Daniel García•140
    Submitted 5 months ago

    0 comments
  • Testimonials grid section

    #react#vite

    Daniel García•140
    Submitted 8 months ago

    1 comment
  • Four card feature


    Daniel García•140
    Submitted 8 months ago

    1 comment
  • product card component


    Daniel García•140
    Submitted 8 months ago

    1 comment
  • Recipe Page Main


    Daniel García•140
    Submitted 8 months ago

    0 comments
View more solutions

Latest comments

  • OctopusMichael•640
    @OctopusMichael
    Submitted over 2 years ago

    Responsive, with Css Grid. React.js vite.js

    #react#vite
    1
    Daniel García•140
    @DaniCoppermind
    Posted 8 months ago

    so clean!

  • Ricardo Alberto Carrero Bator•160
    @rc-0105
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I learned how to use grid areas and also how to make a layout using flexbox. the next time ill like to organize better the css, i think that looks like a mess but ill improve it later.

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

    In how ti make the layout look like the design image, i tried to do it with flexbox but that would make the responsive part a litlle bit hard, so i make it with grid template areas and used a media query to make it responsive.

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

    I think that my css its nor organized so some tutorial or guide on how to make it look good for other people would be great also there is something that i tried to do in the css when you do a media and was like this:

    @media(max-width: 800px){
        main{
            grid-template-areas: none;
            grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
            width: 80%;
            min-width: 600px;
        }
    }
    

    But didnt work because all the elements where overlapping each other.

    Four-card-feature-section

    1
    Daniel García•140
    @DaniCoppermind
    Posted 8 months ago

    really clean, congrats!

  • José Noé Reyes Bravo•30
    @JoseNoe17
    Submitted 9 months ago

    product-card-frontmentor solution

    1
    Daniel García•140
    @DaniCoppermind
    Posted 8 months ago

    nice!

  • Aboubakr Elbouzidi•670
    @Aboubakr06
    Submitted 8 months ago

    Recipe page

    1
    Daniel García•140
    @DaniCoppermind
    Posted 8 months ago

    nice!

  • Leandro Souza•260
    @LeandroAzevedo-1
    Submitted 9 months ago

    blog-preview-pard

    1
    Daniel García•140
    @DaniCoppermind
    Posted 9 months ago

    nice!

  • nms007•40
    @nms007
    Submitted 9 months ago

    Blog preview card

    1
    Daniel García•140
    @DaniCoppermind
    Posted 9 months ago

    <3

View more comments

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