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

Mahnoor Khan

@mahnoork18Karachi,Pakistan435 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

  • project tracking intro


    Mahnoor Khan•435
    Submitted about 3 years ago

    0 comments
  • loopstudio-landing-page grid


    Mahnoor Khan•435
    Submitted about 3 years ago

    0 comments
  • interactive rating component


    Mahnoor Khan•435
    Submitted about 3 years ago

    0 comments
  • Advice app generator


    Mahnoor Khan•435
    Submitted over 3 years ago

    1 comment
  • Clipboard Landing Page


    Mahnoor Khan•435
    Submitted over 3 years ago

    0 comments
  • Fylo dark theme landing page


    Mahnoor Khan•435
    Submitted over 3 years ago

    0 comments
View more solutions

Latest comments

  • Shikhar Vohra•60
    @Shikhar0411
    Submitted over 3 years ago

    QR Code Responsive Website Challenge using HTML, CSS and Flexbox

    2
    Mahnoor Khan•435
    @mahnoork18
    Posted over 3 years ago

    Hey, nice work there! I would like you to suggest a few things: Try to wrap in the <main> tag to make it more structured, also you should keep your content part in a single div it will help you manage it well. For the responsive part, I would like to suggest you add a (max-width-768px) media query to take care of the mobile and tablet versions. also, add max-width to the container for mobile design. Hope this helps.

    Marked as helpful
  • Muhammad Mahmoud•340
    @MuhammadM1998
    Submitted over 3 years ago

    Four-Card-Feature-Section

    2
    Mahnoor Khan•435
    @mahnoork18
    Posted over 3 years ago

    This is pixel perfect layout! Good Job

  • Zeyad Tarek•20
    @ZeyadTa
    Submitted over 3 years ago

    Responsive Design using flexbox and media queries

    2
    Mahnoor Khan•435
    @mahnoork18
    Posted over 3 years ago

    hey, add background-repeat no repeat to your css.

    Marked as helpful
  • saykeed•110
    @saykeed
    Submitted over 3 years ago

    css and bootstrap

    1
    Mahnoor Khan•435
    @mahnoork18
    Posted over 3 years ago

    Hey nice work, your code is clean and readable. I would like to suggest you use rems for padding it will help you more than pixels.

    Marked as helpful
  • Viplav Gupta•10
    @viplavg
    Submitted over 3 years ago

    Netlify to host.

    1
    Mahnoor Khan•435
    @mahnoork18
    Posted over 3 years ago

    hey, nice work there! suggestion from my side you need to add background-repeat:no-repeat to the body so that wave doesn't repeat. and make its width 100% too. good luck (Y)

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