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

mostafa-hsh

@mostafa-hsh130 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 preview component solution


    mostafa-hsh•130
    Submitted 9 months ago

    1 comment
  • responsive testimonials grid section solution


    mostafa-hsh•130
    Submitted 10 months ago

    1 comment
  • Responsive four card feature section solution


    mostafa-hsh•130
    Submitted 10 months ago

    1 comment
  • responsive product preview card component solution


    mostafa-hsh•130
    Submitted 10 months ago

    1 comment
  • Frontend Mentor - Recipe page solution


    mostafa-hsh•130
    Submitted 10 months ago

    1 comment
  • Social links profile solution


    mostafa-hsh•130
    Submitted 10 months ago

    1 comment
View more solutions

Latest comments

  • Basheer-1•140
    @Basheer-1
    Submitted 9 months ago
    What specific areas of your project would you like help with?

    I have created this project. But can someone help me with the responsive settings. I mean that i have set the response through JS. Like on page load, if window width is more than 768 then popover will be shown and if less than the bar will be shown. But the problem is that how can it be live responsive. No need to reload page for different window layout.

    Article Preview Component

    1
    mostafa-hsh•130
    @mostafa-hsh
    Posted 9 months ago

    you did a good job. i did not fully get your question, but look to my solution( it's not a very good solution and i'm not a pro by any means) i think you can get some idea. another thing to note, use less !important in you css( gain more info about cascading in css ). hope you keep up your great job bro.

    Marked as helpful
  • Alex Santos•240
    @alexsantoswork
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    Construí o código usando display grid, o lealt ficou responsivo, porém não muito flexível, há outros elementos que podem ajudar com isso, como o auto-fill, auto-fit e minmax, que pretendo usar mais.

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

    Nesse desafio foi tranquilo, estou percebendo que, com a prática dos exercícios disponiveis, estou concluindo mais rápido os projetos.

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

    Percebi que poderia ter construído o código usando elementos que permitem melhor fluidez na responsividade, usando elementos como auto-fill, auto-fit e minmax.

    Challange Name Lealt Responsivo

    1
    mostafa-hsh•130
    @mostafa-hsh
    Posted 10 months ago

    well done body

  • jevcenkokozlovska•150
    @jevcenkokozlovska
    Submitted 10 months ago

    Four card feature section with css grid

    1
    mostafa-hsh•130
    @mostafa-hsh
    Posted 10 months ago

    good job body, super close to the design.

  • Hamzeh Bajbouj•60
    @HamzehBajbouj
    Submitted 10 months ago

    Product Review

    1
    mostafa-hsh•130
    @mostafa-hsh
    Posted 10 months ago

    good job man. your mobile design was perfect but as i widen the width in my browser i saw some pitfalls, nothing too serious that can not be fixed. i think the problem relies only on container "min-width" that should be around 720px and removing flex-basis. hope these feedback will be helpful. 👍

    Marked as helpful
  • petemac281•220
    @petemac281
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    Learnt a few new things like how to colour list markers and create tables

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

    n/a

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

    n/a

    Recipe page

    2
    mostafa-hsh•130
    @mostafa-hsh
    Posted 10 months ago

    good job body. so close to the design 👌

  • Olabimpe•320
    @Lapupeh
    Submitted 10 months ago

    Responsive Social Links Profile page

    2
    mostafa-hsh•130
    @mostafa-hsh
    Posted 10 months ago

    well done body. code readability is perfect i enjoyed looking at it 👌

View more comments

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