Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
10
Comments
6
IRON Michael
@Iron-Michael

All comments

  • Flávia Reis•690
    @flaviare1s
    Submitted over 1 year ago

    Grid section using React and Tailwind

    #react#vite#tailwind-css
    1
    IRON Michael•180
    @Iron-Michael
    Posted 5 months ago

    looking great!! the most closest cloning i ever seen
    next time i do project i will put my name credit like this one !!! this is good tips insprie me.

  • Kairung Vangmanaw•260
    @VangmanawKairung
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I’m most proud of overcoming my anxiety about using React and successfully arranging the elements in a grid layout using a CSS property I hadn’t worked with before. I also encountered a deployment issue on Pages, but I managed to find a solution. Next time, I would focus more on understanding deployment steps in advance to avoid last-minute issues.

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

    One of the main challenges I encountered was a deployment issue on GitHub Pages. I couldn't figure out why my project wasn't deploying correctly, but after searching on Google, I discovered that I needed to install the GitHub Pages module before building and deploying the project. Once I installed the module, the deployment went smoothly.

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

    I’ve used ARIA for accessibility in past projects, but I didn’t implement it in this one because I’m not entirely sure how to use it effectively, especially when working with React. I would appreciate guidance on how to properly integrate ARIA attributes in React components to improve accessibility.

    Four card feature section page with React, Sass and Grid component

    #react#sass/scss
    1
    IRON Michael•180
    @Iron-Michael
    Posted 5 months ago

    looking great nicely done!

  • Nayera Hazem•260
    @nayera540
    Submitted 11 months ago

    Product Preview Card

    #react
    1
    IRON Michael•180
    @Iron-Michael
    Posted 5 months ago

    looking good similar like bring from the original

    Marked as helpful
  • Sena Abodan•80
    @Ss-e-N-aa
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    i transcribed the image and format it into JSON , then using it within my react app instead of hard coding the text .

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

    the css took some time to figure out properly .

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

    the instructions section , i couldn't get the text to align in the same row , even tho it still looks decent as it is ...

    Recipe page using React

    #react
    1
    IRON Michael•180
    @Iron-Michael
    Posted 5 months ago

    damn it is look good than the original

  • João Victor Santos•10
    @Jao-Viquitor
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of following the established guidelines while adding my personal touches to the project. Looking ahead, my next goal is to implement both dark and light modes.

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

    During the project, the main challenge I faced was it being my first time using React with Tailwind CSS. To overcome this, I extensively researched and consulted documentation. This approach allowed me to gain a deeper understanding of the framework and how things operate within it. Not only did this help resolve specific issues, but it also strengthened my overall knowledge and proficiency in the technology.

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

    I initially need help specifically with the responsiveness of the current project. For other tasks, I believe I've achieved them directly and effectively.

    Social Link Profile using React and Tailwindcss

    #react#tailwind-css
    1
    IRON Michael•180
    @Iron-Michael
    Posted 5 months ago

    i strongly recommend " color picker" to bring the color from the matrix it's help your project to easily to clone web page.

  • justvelio•60
    @justvelio
    Submitted over 1 year ago

    Responsive QR Code Component

    #react
    1
    IRON Michael•180
    @Iron-Michael
    Posted 5 months ago

    You should try to use color picker to pick colors from images example to make it closer to original possible
    i strongly recommend ColorPick Eyedropper - Chrome Web Store

    regards

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