Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
12
Comments
11

Manish Singh

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

  • Base-Apparel-coming-soon using React + Tailwind + Accessibility

    #react#tailwind-css#vite#accessibility

    Manish Singh•230
    Submitted 11 months ago

    0 comments
  • Interactive-Rating using React + Tailwind + Accessibility

    #accessibility#react#tailwind-css

    Manish Singh•230
    Submitted 11 months ago

    2 comments
  • Nft-Preview-Card using React + Tailwind + ThreeJs

    #react#tailwind-css#vite#accessibility

    Manish Singh•230
    Submitted about 1 year ago

    1 comment
  • Order-Summary using React + Tailwind

    #react#tailwind-css#vite

    Manish Singh•230
    Submitted about 1 year ago

    0 comments
  • Result-Summary using React + Tailwind + Gsap

    #react#tailwind-css#gsap

    Manish Singh•230
    Submitted about 1 year ago

    .


    0 comments
  • Testimonials using React + Tailwind + Node + Gsap

    #node#react#tailwind-css#vite#gsap

    Manish Singh•230
    Submitted about 1 year ago

    Any feedback!!


    1 comment
View more solutions

Latest comments

  • Zeref1028•10
    @Zeref1028
    Submitted about 1 year ago
    What challenges did you encounter, and how did you overcome them?

    I have a little knowledge of media queries thats why im having a problem in that part where the container is not at the center eventhough i used, display: flex; justify-content: center; align-items: center; Although I wanted it to work with this code but it wont budge thats why I tried a different solution which is margin-top.

    Mobile-first solution using CSS Grid and Flexbox

    3
    Manish Singh•230
    @manishsinghraj
    Posted about 1 year ago

    Hi, Great Start!

    Though I don't see any valid links for site or code. But answer for your question is use min height as 100vh (view height)

    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    

    This is the usual pattern one can use to center.

  • Mirodil_Boymirzayev•220
    @mirodiljondev
    Submitted about 1 year ago

    Grid Layout

    2
    Manish Singh•230
    @manishsinghraj
    Posted about 1 year ago

    Great work!!

    Just to keep content, center of the page view - use min-height: 100vh for the body element.

    display: flex; justify-content: center; align-items: center; min-height: 100vh;

    Marked as helpful
  • Ridwan Hasan•400
    @Ridwan10000
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am proud of using media queries. It switches design when device width crosses 450px.

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

    I would like to get help in making the box shadow. I could make it while building the project

    result-summary-component using HTML, CSS

    1
    Manish Singh•230
    @manishsinghraj
    Posted about 1 year ago

    Hi,

    You can try out box shadow generator

    https://www.cssmatic.com/box-shadow

  • shalri•620
    @shalri
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Creating a reusable TestimonialCard component was interesting, since the cards have distinct values. I had to make the component customizable. I tinkered with Tailwind's grid utility classes. I realized I have to practice this more often.

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

    Tailwinds grid classes. I need to use it more to gain more familiarity. I went hard on the docs for this one.

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

    I'm all good for now. Just appreciating the free challenges.

    Responsive Testimonials Grid Section - React & Tailwind

    #react#tailwind-css#vite
    1
    Manish Singh•230
    @manishsinghraj
    Posted about 1 year ago

    Great work!

    I've learned a thing or two from your code approach.

  • xarisVavl•130
    @xarisVavl
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    .

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

    .

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

    .

    flexbox and grid

    1
    Manish Singh•230
    @manishsinghraj
    Posted about 1 year ago

    Good work!!

  • Mesoma•140
    @mesoma-hub
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Improving on my use of flexbox for alignment and responsiveness and also working with images a lot more better.

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

    working with the image and making it span exactly half of the parent container.

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

    The heights and widths of the card, the paddings and margins used also the font sizes and line-heights and letter-spacings used.

    product-preview-card-component-main

    2
    Manish Singh•230
    @manishsinghraj
    Posted about 1 year ago

    Hi,

    For the desktop view, you might consider limiting the width of the card by using a max-width property. :)

View more comments

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

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