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

Usama-Hashmi

@Usama-Hashmi-9660 points

computer science graduate. Love to design and code

Latest solutions

  • responsive newsletter

    #bootstrap

    Usama-Hashmi•60
    Submitted 5 months ago

    1 comment
  • responsive article card component design

    #bootstrap

    Usama-Hashmi•60
    Submitted 5 months ago

    in this project I learned how to use and add event listener to elements


    1 comment
  • social-links-card-design


    Usama-Hashmi•60
    Submitted 6 months ago

    this helps me how to use semantic tags and basic html you can use and build this type of task without going into too much coding.


    1 comment
  • blog-card-challenge-frontend-mentor


    Usama-Hashmi•60
    Submitted 6 months ago

    1 comment
  • responsive qr card


    Usama-Hashmi•60
    Submitted 6 months ago

    1 comment

Latest comments

  • Hashem Ahmed•70
    @hashem03x
    Submitted almost 2 years ago

    Responsive, Dynamic Newsletter sign-up form

    #bootstrap#materialize-css#solid-js
    1
    Usama-Hashmi•60
    @Usama-Hashmi-96
    Posted 5 months ago

    you're js code is working well but you should give more attentions to design as well for better project visibility because user experience is also important.

  • ibrahimmaliya•10
    @mi-maliya
    Submitted 7 months ago

    Article UI using bootstrap, fontawesome

    #bootstrap
    1
    Usama-Hashmi•60
    @Usama-Hashmi-96
    Posted 5 months ago

    your card is not align in the center of the screen you make it interactive but not in mobile screen size your social icon pop up message should be contain all width of the card from the bottom as showing in mobile design solution picture. all other things is quite good keep it up

  • P
    Jonathan Silva•50
    @jhow-s
    Submitted 6 months ago

    Social Links Profile

    1
    Usama-Hashmi•60
    @Usama-Hashmi-96
    Posted 6 months ago

    I review your code it is quite good but your CSS I thinks its too much. your font and spacing between anchor should be little more accurate for the design by the way you use CSS variables which is good thing to avoid repetition of code.

  • aralagdev•30
    @aralagdev
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of my use of Flexbox and the implementation of variable fonts in the design.

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

    The main challenge is to maintain the proportions and arrangement of the elements

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

    Could I have used em as the font size unit?

    Blog card using HTML, CSS and Flexbox

    2
    Usama-Hashmi•60
    @Usama-Hashmi-96
    Posted 6 months ago

    your design is good just focus on some semantic tags for better code readability in initial stage of coding and don't use to many class in every element you can use element tag directly without giving class name to it like <p> , <h1>, other other similar tags

  • Sarun Olankranok•30
    @sa-run-o
    Submitted 6 months ago

    align element with flex

    1
    Usama-Hashmi•60
    @Usama-Hashmi-96
    Posted 6 months ago

    your shadows is missing or use too light shadow

  • rakeshkdmb41•30
    @rakeshkdmb41
    Submitted 6 months ago

    QR Code Componet using CSS Flexbox

    1
    Usama-Hashmi•60
    @Usama-Hashmi-96
    Posted 6 months ago

    your design is good but your css code is to much for this specific design don't use classes in every div instead of element selector and also there is no need of using display flex in your main html body you should use it in your card container.

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