Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
19
Comments
6
Manpreet Singh
@Manpreet-01

All comments

  • Manpreet Singh•190
    @Manpreet-01
    Submitted about 1 year ago

    single-price-grid-component

    1
    Manpreet Singh•190
    @Manpreet-01
    Posted about 1 year ago

    i am wondering that why the dimensions mismatch with design?? when i compare locally the images and my website it looks perfect.

  • TKD04•70
    @TKD04
    Submitted about 1 year ago
    What challenges did you encounter, and how did you overcome them?
    • Art direction with image optimization from Next.js using getImageProps() did not work

    It works in dev and build on local, but on deployment, Next.js removes srcSet from source elements. 🤔 I tried to fix the problem by searching on the web but I did not find a solution that worked, so I used normal art direction.

    Product preview card component using Next.js

    #next#react#typescript#tailwind-css
    1
    Manpreet Singh•190
    @Manpreet-01
    Posted about 1 year ago

    i am wondering how you deploy nextJs project on github pages ?.

    please give some clue / idea.

    thanks.

  • Ahmed Mohamed Abdelaziz•60
    @jrzizo
    Submitted about 1 year ago

    https://github.com/jrzizo/Recipe-Page

    1
    Manpreet Singh•190
    @Manpreet-01
    Posted about 1 year ago

    nice design

  • ramez bakeer•120
    @ramezbakeer
    Submitted about 1 year ago

    Responsive landing page using CSS Grid

    1
    Manpreet Singh•190
    @Manpreet-01
    Posted about 1 year ago

    I like the way how you use the grid for create layout of buttons.

    i am just using flexbox. now i learn something new by looking at your source code.

    thanks. you created a good design.

  • ramez bakeer•120
    @ramezbakeer
    Submitted about 1 year ago

    Responsive layout using flexbox

    1
    Manpreet Singh•190
    @Manpreet-01
    Posted about 1 year ago

    Your design is pixel perfect. But the user profile page is now showing.

    I hope this will help to improve your design

  • John Paul Tropa•40
    @Paul-wackdev
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Really happy that I am finally getting used to using flexbox, was really struggling with it for a while

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

    centering the box was a real problem for me but after learning about min-height: 100vh; it got easier

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

    the way I coded it, is it readable

    HTML, CSS using flexbox

    1
    Manpreet Singh•190
    @Manpreet-01
    Posted about 1 year ago

    I reviewed the specific areas of your project, and here's my feedback: Code Readability: Your code is very readable and well-structured. class names are logical.

    thanks.

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