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

Muhammad Umar Hashmi

@M-UmarHashmiPakistan150 points

I am an advocate but passionate about programming.I am a web developer and machine learning engineer.

Latest solutions

  • Responsive Testimonial Section using CSS Grid

    #accessibility

    Muhammad Umar Hashmi•150
    Submitted about 2 years ago

    0 comments
  • Responsive AgeCalculator webapp

    #accessibility

    Muhammad Umar Hashmi•150
    Submitted about 2 years ago

    0 comments
  • Responsive and lightly animated FAQ Accordian

    #accessibility

    Muhammad Umar Hashmi•150
    Submitted over 2 years ago

    1 comment
  • Responsive Rating CardComponent using HTML, Vanilla CSS and JavaScript


    Muhammad Umar Hashmi•150
    Submitted over 2 years ago

    0 comments
  • A profile component


    Muhammad Umar Hashmi•150
    Submitted over 2 years ago

    1 comment
  • Responsive 3 Cards Component usign flexbox

    #accessibility

    Muhammad Umar Hashmi•150
    Submitted over 2 years ago

    1 comment
View more solutions

Latest comments

  • Edi Carlos•130
    @ediCarlosSilva
    Submitted about 2 years ago

    Responsive single page using flexbox

    2
    Muhammad Umar Hashmi•150
    @M-UmarHashmi
    Posted about 2 years ago

    Congratulations for creating your first project here! One thing which I can point out is that your project is not responsive for screen size below 360 px which is not a good thing. You can use medai queries to make it mobile responsive for screen sizes below it. It will enhance the user experience and you will also practice mobile responsive layout and figure out which problems can come in the way. Otherwise everyother things seem good. Best of luck for upcoming projects. Be motivated and happy coding!

    Marked as helpful
  • Kamal Osama•420
    @KamalAborida
    Submitted over 2 years ago

    Made with SCSS and BEM Architecture

    #sass/scss#bem
    1
    Muhammad Umar Hashmi•150
    @M-UmarHashmi
    Posted over 2 years ago

    Your Solution is overall good but When somethings change in your website the layout is changing I mean the overall layout is shifting which is not a good thing. I effects the user experience. So you should consider this advice when make changes to you website either through animations or on changing some components give enough space so the animation can work and layout don't shift also. Hope this helped you! Regards, Umar Hashmi

  • Julia•60
    @juliavilbert
    Submitted over 2 years ago

    CSS HTML profile card component non-responsive

    2
    Muhammad Umar Hashmi•150
    @M-UmarHashmi
    Posted over 2 years ago

    Hello! You can make the background similiar using: background-image: url(), url(); image-repeat: no-repeat, no-repeat; background-position: ----------- , --------------; and some other properties. You can learn more about it here https://www.w3schools.com/cssref/pr_background-image.php I hope it will be helpful. Happy Coding!

    Marked as helpful
  • Lavesh Kumar Sahu•50
    @Lavesh1208
    Submitted over 2 years ago

    Made with html, css and vanilla javascript

    1
    Muhammad Umar Hashmi•150
    @M-UmarHashmi
    Posted over 2 years ago

    Congratulations on completing the Project! Without going into technical discussion I would like to suggest you that you shold include logic in your js that prevents from submiting the rating if none of the rating is selected. I hope you like this suggestion. If you have any question please let me know! Overall good project and Happy Coding!

  • Alexander EG•60
    @AlexEG
    Submitted over 2 years ago

    Results summary component | SCSS

    #sass/scss
    1
    Muhammad Umar Hashmi•150
    @M-UmarHashmi
    Posted over 2 years ago

    I think you should have used same parent container so the cuts which are visible for right side would not appear and it will add some more beauty to it. Overall good attempt. Happy Coding!

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