Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
9
Comments
37

Mehrshad Cheshm Khavari

@MehrshadHeisenberg3Iran490 points

Here I am Mehrshad Cheshm Khavari an Iranian enthusiastic Front-end lover ✌️ I am also trying to create an Iranian JavaScript that will benefit everyone! Anyway, hope you enjoy my solutions and also don't forget to check my YouTube 🤝

I’m currently learning...

React.js Next.js

Latest solutions

  • Accordion with React and Shadcn/ui and Tailwind

    #react#tailwind-css

    Mehrshad Cheshm Khavari•490
    Submitted about 1 year ago

    The only thing I couldn't really figure out is the fonts. I really tried anything I could find on the internet to make the fonts work in Tailwindcss but it seems it didn't. I would be glad if someone told me where is the problem.

    Also I don't why Vite sometimes added some random string to the end of some of the files and then it couldn't find those files itself and gave me an error which was really really annoying.


    0 comments
  • Age Calculator app with Tailwind CSS and pure JavaScript


    Mehrshad Cheshm Khavari•490
    Submitted over 1 year ago

    0 comments
  • Responsive subscription newsletter with HTML CSS JavaScript


    Mehrshad Cheshm Khavari•490
    Submitted over 1 year ago

    1 comment
  • Stats component card using HTML, CSS, SASS and a little bit of talent!

    #sass/scss

    Mehrshad Cheshm Khavari•490
    Submitted about 2 years ago

    0 comments
  • Order Summary Component


    Mehrshad Cheshm Khavari•490
    Submitted about 2 years ago

    1 comment
  • NFT Preview Card Component


    Mehrshad Cheshm Khavari•490
    Submitted about 2 years ago

    0 comments
View more solutions

Latest comments

  • Sebastian•230
    @sebastianchinga
    Submitted about 2 years ago

    CSS Grid and CSS Float

    2
    Mehrshad Cheshm Khavari•490
    @MehrshadHeisenberg3
    Posted about 2 years ago

    Hi there, I guess the padding for the left box of the card is a little bit too much and also the card itself I a little bit longer than it should be

    But all in all, that was great! Also I recommend writing your name with link to your github at the end

  • DrainGK•350
    @DrainGK
    Submitted about 2 years ago

    Order Summary component Html css speed run 45mn

    1
    Mehrshad Cheshm Khavari•490
    @MehrshadHeisenberg3
    Posted about 2 years ago

    Great job your design looks just as the original but there is a slight difference.

    If you look at the original one, you can see that there are two waves in the background. But it seems that your background is a little bit different!

    By adding this piece of code in your css you can make it right!

      body {
        background: url(images/pattern-background-desktop.svg), #e1e9ff;
        background-repeat: no-repeat, no-repeat;
      }
    

    You're actually saying that you want to use the svg for the background.

    Great job again and I hope that you find this comment helpful!

  • thalia gama•140
    @thaliagama
    Submitted about 2 years ago

    order sumary

    1
    Mehrshad Cheshm Khavari•490
    @MehrshadHeisenberg3
    Posted about 2 years ago

    Great job your design looks just as the original but there is a slight difference.

    If you look at the original one, you can see that there are two waves in the background.

    By adding this piece of code in your css you can make that happen!

      body {
        background: url(images/pattern-background-desktop.svg), #e1e9ff;
        background-repeat: no-repeat, no-repeat;
      }
    

    You're actually saying that you want to use the svg for the background.

    Great job again and I hope that you find this comment helpful!

  • Abhishek Bansal•400
    @2509abhi
    Submitted about 2 years ago

    Responsive_order_summary3

    1
    Mehrshad Cheshm Khavari•490
    @MehrshadHeisenberg3
    Posted about 2 years ago

    Great job your design looks just as the original but there is a slight difference.

    If you look at the original one, you can see that there are two waves in the background. But you had some problems creating it.

    By adding this piece of code in your css you can make that happen!

      body {
        background: url(images/pattern-background-desktop.svg), #e1e9ff;
        background-repeat: no-repeat, no-repeat;
      }
    

    You're actually saying that you want to use the svg for the background.

    Great job again and I hope that you find this comment helpful!

    Marked as helpful
  • Ben•290
    @MrRobotBDR
    Submitted about 2 years ago

    Order Summary Card

    1
    Mehrshad Cheshm Khavari•490
    @MehrshadHeisenberg3
    Posted about 2 years ago

    Great job your design looks just as the original but there is a slight difference.

    If you look at the original one, you can see that there are two waves in the background.

    By adding this piece of code in your css you can make that happen!

      body {
        background: url(images/pattern-background-desktop.svg), #e1e9ff;
        background-repeat: no-repeat, no-repeat;
      }
    

    You're actually saying that you want to use the svg for the background.

    Great job again and I hope that you find this comment helpful!

    Marked as helpful
  • mtp13•50
    @mtp13
    Submitted about 2 years ago

    Frontend Mentor - Order summary card solution

    1
    Mehrshad Cheshm Khavari•490
    @MehrshadHeisenberg3
    Posted about 2 years ago

    Great job your design looks just as the original but there is a slight difference.

    If you look at the original one, you can see that there are two waves in the background.

    By adding this piece of code in your css you can make that happen!

      body {
        background: url(images/pattern-background-desktop.svg), #e1e9ff;
        background-repeat: no-repeat, no-repeat;
      }
    

    You're actually saying that you want to use the svg for the background.

    Great job again and I hope that you find this comment helpful!

    Marked as helpful
View more comments
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

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