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

Mostafa-M-Abbas

@Mostafa-M-Abbas110 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

  • Article Card


    Mostafa-M-Abbas•110
    Submitted 8 months ago

    1 comment
  • Testimonials Grid


    Mostafa-M-Abbas•110
    Submitted 8 months ago

    1 comment
  • Four Card


    Mostafa-M-Abbas•110
    Submitted 8 months ago

    1 comment
  • Product Card


    Mostafa-M-Abbas•110
    Submitted 8 months ago

    1 comment
  • Recipe Page

    #accessibility

    Mostafa-M-Abbas•110
    Submitted 8 months ago

    0 comments
  • Social Media Links

    #accessibility

    Mostafa-M-Abbas•110
    Submitted 9 months ago

    1 comment
View more solutions

Latest comments

  • espringer21•130
    @espringer21
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud my ability to complete the task. I think for next time i can maybe research a more sufficient way of complete the task.

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

    Any feedback will be appreciated.

    Article Preview Component

    1
    Mostafa-M-Abbas•110
    @Mostafa-M-Abbas
    Posted 8 months ago

    awesome

  • espringer21•130
    @espringer21
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud my ability to complete the task. I think for next time i can maybe research a more sufficient way of complete the task.

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

    My challenge was studying up on CSS grid and then playing around with my code to get it working.

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

    Any feedback will be appreciated!

    Testimonials Grid Section

    2
    Mostafa-M-Abbas•110
    @Mostafa-M-Abbas
    Posted 8 months ago

    awesome

  • Sean Chen•170
    @chenmeister
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    This is my first time creating a project using CSS grid. It was challenging, but overall it gave me a perspective on how to design responsive layouts for both mobile and desktop. Utilizing the mobile first approach definitely helps with writing the initial CSS and adding more CSS for desktop version is much easier as it reduces repeating code.

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

    Challenging part was getting the grid to work with the desktop. Looking into grid-template-areas and grid-area really helps as it helps with organizing the card components in a certain way.

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

    I would like more guidance on how to utilize CSS grid more efficiently.

    Four Card Feature Section

    1
    Mostafa-M-Abbas•110
    @Mostafa-M-Abbas
    Posted 8 months ago

    awesome

  • Sherzod•330
    @SherzodToshpulatov
    Submitted 8 months ago

    Responsive Product preview card using flex

    1
    Mostafa-M-Abbas•110
    @Mostafa-M-Abbas
    Posted 8 months ago

    awesome

  • Begli Amanov•80
    @begli-amanov
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    Always forgetting to set 100vh on the parent element for centering a child.

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

    Always forgetting to set 100vh on the parent element for centering a child. Tried another (css grid) centering system. Works good as well. But still decided to stick to flexbox.

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

    Take a deeper look at grid system and position: sticky;.

    Full responsive Social Links Card

    #accessibility
    1
    Mostafa-M-Abbas•110
    @Mostafa-M-Abbas
    Posted 9 months ago

    awesome

  • Eduardo•40
    @MrRedu
    Submitted 9 months ago

    Blog preview card [React, CSS Modules]

    #vite#react
    1
    Mostafa-M-Abbas•110
    @Mostafa-M-Abbas
    Posted 9 months ago

    the solution include sematic HTML and it's accessible

    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