Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
42
Comments
2
P

Miguel Zapata

@miguelzaga690 points

😁 Hi, my name is Miguel. ✨ Making the Web Beautiful. 💻 I’m a front-end developer building responsive solutions for modern web challenges.

I’m currently learning...

React and Tailwind

Latest solutions

  • Advice Generator App with React, TypeScript, Tailwind and Vite

    #react#tailwind-css#typescript#vite

    P
    Miguel Zapata•690
    Submitted 4 months ago

    0 comments
  • Character Counter with Vite and Vanilla JS

    #vite

    P
    Miguel Zapata•690
    Submitted 4 months ago

    0 comments
  • Scoot using Tailwind and Vite

    #react#tailwind-css#vite

    P
    Miguel Zapata•690
    Submitted 4 months ago

    I would like help with:

    • better styling for details/summary elements
    • ideas for animations for this website
    • maybe some tailwind principles to decide on changing theme values

    0 comments
  • Tic Tac Toe game with React and Tailwind

    #react#tailwind-css#vite

    P
    Miguel Zapata•690
    Submitted 8 months ago

    File structure, best practices with components and deployment tools


    0 comments
  • Bento grid with Grid and SCSS

    #sass/scss

    P
    Miguel Zapata•690
    Submitted 8 months ago

    Maybe accessibility and see if there is better ways to place these images.


    0 comments
  • Workit landing page using Flex and inline SVG


    P
    Miguel Zapata•690
    Submitted 9 months ago

    Any ideas on how to get that curvature with CSS only? or another better way than what I did?


    0 comments
View more solutions

Latest comments

  • Eddie Quirk•20
    @edquirk
    Submitted almost 3 years ago

    Solution using HTML and CSS with Universal Selectors

    1
    P
    Miguel Zapata•690
    @miguelzaga
    Posted almost 3 years ago

    Hi Eddie, It is usually used for CSS resetting. If you want to know more about that, I would recommend you this article https://css-tricks.com/an-interview-with-elad-shechter-on-the-new-css-reset/. There are multiple approaches and the topic gets you thinking deep about CSS.

    About the color schemes, I would reccomend you researching about CSS custom properties. It is a clean way to organize them and it is easy to maintain.

    After that, as you get more comfortable, I would suggest you to try SASS/SCSS and try some structures like this https://css-irl.info/a-modern-front-end-workflow-part-3/

    Marked as helpful
  • Yehan Nilanga•670
    @Yehan20
    Submitted about 3 years ago

    nft-preview-card-component-main

    #bem
    1
    P
    Miguel Zapata•690
    @miguelzaga
    Posted about 3 years ago

    Great animation! the ::before and ::after for the .card__link is very clever.

    I am not sure about this, but is it a good practice to use the block and the element in css selector? I thought you were only meant to use one. For instances, instead of writing ".card .card__top" you would write ".card__top". What do you think?

    And I was looking at your code, I think you could be a bit more specific with your commit messages.

    And I think you organized very well your html. The class names are short and meaningful. Great stuff.

    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