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

MElhatmi

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

  • blog card


    MElhatmi•40
    Submitted 11 months ago

    nothing specific but open to feedback


    1 comment
  • Front end mentor QR


    MElhatmi•40
    Submitted 11 months ago

    1 comment

Latest comments

  • Logisteaf•40
    @Logisteaf
    Submitted 11 months ago

    blog-preview-card solution

    1
    MElhatmi•40
    @MElhatmi
    Posted 11 months ago

    good work, its near perfect

  • Madeha•10
    @Maadeha
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I was most proud of me using flexbox, but next time I would try to get into media queries

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

    Knowing which element to use flexbox.

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

    Any help is welcome

    QR code component using Flexbox

    2
    MElhatmi•40
    @MElhatmi
    Posted 11 months ago

    You have done well using semantic html, properly centering the qr container using flexbox. I'm getting the impression that you are too concerned with responsiveness already, from my understanding of the design all we need to do in regards to responsiveness is that we center the container across all screen sizes, and you already to that. what I advice you to do now is to get familiar with figma and how to get all the metrics, and just copy all the values from widths and heights to margins to font sizes to border radius and even the box shadow. until you are close enough to the design after that I advice you to take an optional step to learn about css variables and implement them in your solution, they maybe overkill for a small project like this but i think its a good practice going forward

    Marked as helpful
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