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

Mohamed

@MohamedBehharMorocco325 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!

I’m currently learning...

I'm currently trying to master JS and learning React.

Latest solutions

  • E-commerce product page challenge hub build using React

    #react#itcss

    Mohamed•325
    Submitted over 3 years ago

    2 comments
  • Sunnyside agency landing page


    Mohamed•325
    Submitted over 3 years ago

    1 comment
  • Interactive pricing component

    #sass/scss

    Mohamed•325
    Submitted over 3 years ago

    1 comment
  • Tip Calculator

    #react

    Mohamed•325
    Submitted over 3 years ago

    1 comment
  • FAQ accordion card


    Mohamed•325
    Submitted over 3 years ago

    2 comments
  • Curved background using before and after


    Mohamed•325
    Submitted about 4 years ago

    1 comment
View more solutions

Latest comments

  • Mohamed•325
    @MohamedBehhar
    Submitted over 3 years ago

    FAQ accordion card

    2
    Mohamed•325
    @MohamedBehhar
    Posted over 3 years ago

    Thank you very very much for this explicit comment, i'll do my best to make my works looks better.

  • Yana Antonna•20
    @yanaantonna
    Submitted about 4 years ago

    Bootstrap

    3
    Mohamed•325
    @MohamedBehhar
    Posted about 4 years ago

    hey Yana, for your first challenge I think that you did a good job, otherwise, I see that you forget to give a border-radius for the card's parent, and also the background color didn't match the one on the design. For the mobile version, I think it's better to reduce the margin between elements ( h1, p , and img) to make the design more beautiful. At the end, I'll be happy if you took a look at one of my projects and give me some advice to make it even better.

  • Anna•545
    @NitaLewska
    Submitted over 4 years ago

    Single price grid component - CSS Grid

    1
    Mohamed•325
    @MohamedBehhar
    Posted about 4 years ago

    hello Anna, I see that your card isn't in the center because you choose display flex for the body which contains "the card" and the attribution on the bottom. I think you should add " flex-direction : column" that's will make both the card and the attribution centered. Otherwise, I think that you should start using variables for the colors and the font at the top of your CSS file, it will help you a lot.

  • Prisca Onwudebelu•170
    @PriscaTonia
    Submitted about 4 years ago

    Responsive Profile Card Using Flex and Grid displays

    1
    Mohamed•325
    @MohamedBehhar
    Posted about 4 years ago

    Hello Prisca, big up for the good work. I don't think that you need to specify a height or width for the container, at least this is what I did, you can use padding instead to create some space between text elements. You can check my repo to see how I did it it may help you : https://github.com/MohamedBehhar/Profile-Card-Component

  • Mohamed•325
    @MohamedBehhar
    Submitted about 4 years ago

    My first Frontend challenge

    2
    Mohamed•325
    @MohamedBehhar
    Posted about 4 years ago

    Thanks a lot sir for your feedback, I really appreciate it, I'll try to remake it without specifying a height for the card and see how it will look. Have a nice day sir.

  • Yesi Molina•30
    @yeseniamolinab
    Submitted about 4 years ago

    HTML and CSS with media queries

    1
    Mohamed•325
    @MohamedBehhar
    Posted about 4 years ago

    this looks great, I'm still struggling with the mix-blend-mode property , I think you forget the border-radius of the card.

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