Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
11
Hazhir Naseri
@hazhir00

All comments

  • Tolulope David•170
    @tomxyd
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    Using the display grid

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

    I encountered finding it hard to structure the HTML which could make the designing in CSS easier. Took a lot of procrastination and I had to restart all over, but ultimately came up with a solution by trying unique structures and learning new css selectors.

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

    How to better center grid containers without using margin-top.

    Testimonial Grid Section

    1
    Hazhir Naseri•180
    @hazhir00
    Posted 9 months ago

    You created a beautiful design! I recommend using more semantic HTML tags instead of relying on <div> elements. Unfortunately, we both faced the same issue with centering the grid layout. I also used margins to center it, but if you have discovered a better solution, I would love to hear it. Keep up the great work! 💪

  • Yacoub AlDweik•3,540
    @YacoubDweik
    Submitted 9 months ago

    Four card feature section Using HTML & CSS

    1
    Hazhir Naseri•180
    @hazhir00
    Posted 9 months ago

    It's a great design! I looked at the source code and learned from it. Thanks!

    Marked as helpful
  • Gurbala Laurent•110
    @laurentGurbala
    Submitted 9 months ago

    Product preview card component

    1
    Hazhir Naseri•180
    @hazhir00
    Posted 9 months ago

    You did an excellent job! The only difference is the font size. Also, I wanted to inform you that your GitHub link is incorrect.

  • Bisturi•100
    @BistuBastian
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I was really comfortable with this challenge, what I am most proud of is having completed it in a short time (in my opinion).

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

    Something I didn't know I had to learn is the topic of responsive design. However, it was easy to understand.

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

    Actually, none. As I said, the challenge was quite simple.

    Recipe page

    1
    Hazhir Naseri•180
    @hazhir00
    Posted 9 months ago

    The code is very clean! 😍 Keep up the great work!

    Marked as helpful
  • Opara Kelechi•50
    @riskymind
    Submitted 9 months ago

    Recipe Page

    1
    Hazhir Naseri•180
    @hazhir00
    Posted 9 months ago

    Excellent design, I looked at your code and I think you forgot to use h1 in your html.

  • Bechar Gherbi•10
    @cranknet
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I learned flexbox

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

    Making it responsive

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

    responsive

    QR HTML

    #accessibility
    1
    Hazhir Naseri•180
    @hazhir00
    Posted 9 months ago

    Hi bechar very beautiful design, you can center your card by setting both "justify-content" and "align-items" to center.

    Marked as helpful
  • sunnyegg•80
    @sunnyegg
    Submitted 9 months ago
    What challenges did you encounter, and how did you overcome them?

    As a backend developer, I always have been very bad at layouting a page. Learning Flexbox helped me layouting better than before.

    QR Code Component using Flexbox

    2
    Hazhir Naseri•180
    @hazhir00
    Posted 9 months ago

    Great design, only thing i can mention is you can give your paragraph a bigger margin.

    Marked as helpful
  • Muhammed H.M•50
    @muhammedhm
    Submitted 9 months ago

    social-media-profile

    1
    Hazhir Naseri•180
    @hazhir00
    Posted 9 months ago

    Very good.

  • P
    Aurélien F.•80
    @aurelienflieger
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I finally understood that using scrolling helps manage the correct displaying of elements at smaller heights.

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

    I was struggling against a Safari margin default which I overcame using a CSS reset.

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

    Why use line height at 150%?

    Blog post preview card using CSS & HTML

    1
    Hazhir Naseri•180
    @hazhir00
    Posted 9 months ago

    Hi, besides the card's width, there's nothing else I can mention. By the way, I looked at your source code and learned a lot from it. Thanks, and keep up the excellent work!

    At the end, I had a question: Why did you place the CSS reset code in a separate file?

  • Govardhan V Prakashmurthy•260
    @Top-Trekx-Im-gvp-98
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    Finally, I'm able to recreate the design. Next time I will try to finish in less time and even set deadline for projects.

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

    for responsive layout for mobile & desktop view. at the end finally done with solution.

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

    I am ready for any review, if someone wants to comment in this design and I'm waiting for it. Help me improve, Thank you...!

    HTML5,CSS3,CSS-Flexbox

    2
    Hazhir Naseri•180
    @hazhir00
    Posted 9 months ago

    Hi your design is very good, one thing i like to mention here is the space between heading and paragraph.

    Marked as helpful
  • Himanshish08•100
    @Himanshish08
    Submitted 9 months ago

    QR_code using HTML and CSS

    1
    Hazhir Naseri•180
    @hazhir00
    Posted 9 months ago

    It is a very good design, very similar to the original one. By the way, I had a question: do we have to include the text "challenge by code by"?

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

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