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

Mustafa Khaled

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

  • css-grid and css-flex

    #react

    Mustafa Khaled•20
    Submitted 12 months ago

    1 comment
  • flex

    #react

    Mustafa Khaled•20
    Submitted about 1 year ago

    1 comment

Latest comments

  • Michel Ribbens•120
    @AmanoLX
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Using pseudo-classes to add the correct border color for every card and implementing a grid area and set the grid items to their correct position.

    PS: no idea why the screenshot is missing 2 cards. Maybe because of the animation styles? All works fine on the live site.

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

    How to use the pseudo-classes and add some simple fade in animation for the cards. Found the solutions on MDN.

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

    Animations! The short-hand property is pretty overwhelming and I wonder if the code is written correctly.

    Four Card Feature Section build with React

    #react
    1
    Mustafa Khaled•20
    @aty101
    Posted 12 months ago

    I hope you can give a feedback on the css not html only

  • Sergiy•1,270
    @MrSeager
    Submitted over 1 year ago

    CSS grid, CSS flex, react

    #react
    1
    Mustafa Khaled•20
    @aty101
    Posted about 1 year ago

    every thing is good

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