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

Mayank Kushwah

@mynkRog80 points

blink👀,breathe😤,code👨‍💻

Latest solutions

  • NFT preview card component

    #react#tailwind-css

    Mayank Kushwah•80
    Submitted 9 months ago

    0 comments
  • Product preview card

    #react#tailwind-css

    Mayank Kushwah•80
    Submitted 10 months ago

    1 comment
  • recipepage solution

    #react#tailwind-css

    Mayank Kushwah•80
    Submitted 10 months ago

    1 comment
  • social links solution

    #react

    Mayank Kushwah•80
    Submitted 10 months ago

    1 comment
  • simple card

    #react#tailwind-css

    Mayank Kushwah•80
    Submitted 10 months ago

    1 comment
  • QR Code card made in react

    #react

    Mayank Kushwah•80
    Submitted 10 months ago

    1 comment

Latest comments

  • Ehsan Tatasadi•1,800
    @tatasadi
    Submitted over 1 year ago

    Built with Next.js and Tailwind

    #next#react#tailwind-css
    1
    Mayank Kushwah•80
    @mynkRog
    Posted 10 months ago

    👍🏻

  • Ansar•540
    @ansarstellar
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I tried new fonts. Learnt how to customize li elements.

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

    Styling ol and ul was challenging. I needed chatgpt help with tables.

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

    Tables.

    Recipe Page

    #bootstrap#django#node#react#sql
    1
    Mayank Kushwah•80
    @mynkRog
    Posted 10 months ago

    👍🏻

    Marked as helpful
  • Li, Jung-Gang•120
    @jungang0414
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    Completing the project using vite+React!!

    What challenges did you encounter, and how did you overcome them?
    • Since I haven't unlocked Pro, I can't use Figma. Therefore, there might be some slight deviations in the implementation of the design.
    • I'm using Mark Man to measure the spacing in the image

    Responsive social links profile using vite+React

    #vite#react
    1
    Mayank Kushwah•80
    @mynkRog
    Posted 10 months ago

    👍🏻

  • Nestor Dabon•50
    @dabonnestor
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I know I can simply just use plain HTML, CSS, and JavaScript but I couldn't help myself using Vite as my main development build tool for simple projects.

    I also use React because I've been using it for several years on different projects and I love writing code in JSX.

    Of course, Tailwind CSS is the highlight of this project. I'm so happy that Tailwind CSS has improved a lot over the years by adding support to the CSS grid and more.

    I commend the Figma design. It's a well-thought design which makes it easier for me to work with spacings, sizes, etc.

    Overall, the total DX is great and I'm proud of it. Cheers! 🎉

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

    I'm trying to make a general rule of thumb for myself to deal with CSS layouts.

    • Grid = Layout
    • Flexbox = Component

    So trying to be a hotshot, it was a challenge for me to recall how to use a CSS grid just to center a component (blog preview card). After a little research, I managed to resolve my problem. I highly recommend to use this tool to visualize your CSS grid here

    Then for the card component, I use Flexbox which I overly use for everything.

    Support for CSS grid in Tailwind CSS is fairly limited but it has the common usage for the grid. One thing I like about Tailwind CSS is that you can write custom CSS that is not supported with Tailwind CSS utilities.

    You can read more information on the docs here

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

    Please feel free to ask me some questions or give me some feedback. Cheers! 🍻

    Blog Preview Card with Tailwind CSS

    #react#tailwind-css#vite#typescript
    1
    Mayank Kushwah•80
    @mynkRog
    Posted 10 months ago

    👍🏻

  • Vijay Chauhan•30
    @mr-vijaychauhan
    Submitted over 1 year ago

    QR code component

    #next#tailwind-css#react
    1
    Mayank Kushwah•80
    @mynkRog
    Posted 10 months ago

    👍🏻

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