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

Shamir Leon

@ShamirLeonColombia550 points

🔸Junior FrontEnd Developer🧑🏻‍💻. 🔸Self-taught🤓. 🔸Colombian Guy 🇨🇴. 🔸I like videogames🎮. 🔸Love technology🚀.

I’m currently learning...

🔹VueJS. 🔹ReactJS. 🔹Tailwind. 🔹JavaScript. 🔹NodeJS. 🔹MongoDB. 🔹Sass.

Latest solutions

  • Extensions UI

    #angular#tailwind-css

    Shamir Leon•550
    Submitted 5 days ago

    0 comments
  • Ticket Generator, using VUE3, Typescript and Tailwind

    #tailwind-css#vue#typescript

    Shamir Leon•550
    Submitted 7 months ago

    0 comments
  • Landing page using ReactJs + SASS

    #react#sass/scss

    Shamir Leon•550
    Submitted 11 months ago

    0 comments
  • Multi step form

    #react#typescript#tailwind-css

    Shamir Leon•550
    Submitted 12 months ago

    0 comments
  • Countries app.

    #react#typescript#tailwind-css

    Shamir Leon•550
    Submitted 12 months ago

    0 comments
  • Card to subscribe to a virtual newsletter ➡️ VUE3 and TailwindCSS

    #nuxt#vue#tailwind-css

    Shamir Leon•550
    Submitted 12 months ago

    0 comments
View more solutions

Latest comments

  • Matthew Kuria•170
    @matthewkuria
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    I learnt how to Create Context and use Context to manage states in the project.I learnt Context API is the better than useState in global management of states.

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

    My main challenges was to calculate Cart totals for the items added to the cart but I managed to research and implement the logic to multiply item quantity by the price and then have an accumulative total for the entire cart.

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

    I would like to have some help styling the add and minus button especially the hover styles.

    Product List With a Cart Using NextJS, Tailwindcss and TypeScript

    #next#react#tailwind-css#typescript
    1
    Shamir Leon•550
    @ShamirLeon
    Posted 12 months ago

    Hi! Excellent work.

    When I have designs with specific columns, I usually use grid in CSS because it allows me better control over columns and rows.

    You used flexbox, and many times this can affect the size of the elements inside the parent container.

    Advice: Return a single element in each React component to keep your code clean and easy to understand, making composition and styling management easier.

    I hope this helps you in your next challenge! Hugs from Colombia.*

    Marked as helpful

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