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

Jatin Ahluwalia

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

  • Next CRUD App with Server Actions

    #next#tailwind-css

    Jatin Ahluwalia•170
    Submitted almost 2 years ago

    0 comments
  • Full CRUD app with authentication too

    #next#react

    Jatin Ahluwalia•170
    Submitted almost 2 years ago

    0 comments
  • Using NextJS 13.4

    #next#react#tailwind-css

    Jatin Ahluwalia•170
    Submitted almost 2 years ago

    1 comment
  • Functionalities with react states

    #next#react

    Jatin Ahluwalia•170
    Submitted almost 2 years ago

    0 comments
  • Product Card Newbie


    Jatin Ahluwalia•170
    Submitted almost 3 years ago

    0 comments

Latest comments

  • Alexandra P.•10
    @alexandra-perez
    Submitted almost 2 years ago

    Product Preview Card Using Flexbox

    2
    Jatin Ahluwalia•170
    @jatinahluwalia
    Posted almost 2 years ago

    Hey! Great work! For your size of the card, as we know by default <main> element takes up full width of it's container which is <body> in this case. To fix this you can give your body a display of flex and center the card using justify content and align items property on <body> element so that your product card now has a dynamic width and height based on it's content and it's also center on the screen. Hope this helps! You can also see my solution from my profile for this problem for reference!

    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