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

Mahak-Panwar

@Mahak-Panwar30 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

  • QR-Code Solution


    Mahak-Panwar•30
    Submitted about 1 month ago

    Please feel free to give your feedback at any area of this project. I want to know about the tools which can be useful for the web development field.


    3 comments

Latest comments

  • jerrychan16•20
    @jerrychan16
    Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    Completing the challenge honestly, and not postponing. What I'd do differently next time is, back away from the PC and take a breather when I'm not making tangible progress

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

    Image sizing, and components structuring. What exactly should be structured how, and the responsive design across the two specified devices. Checked online for solutions and prompted AI for tips and advices

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

    I struggled with component layout strategy and image sizing within containers. Specifically:

    • Design approach: Should I start with the image or text content first when building components?

    • Container relationships: How to properly size nested containers (image → image container → parent container) without using trial-and-error

    • Responsive strategy: What's the best rule of thumb for making components work across screen sizes?

    I found myself constantly adjusting percentages and viewport units without a clear methodology, leading to positioning issues and inconsistent results.

    QR Code Component using CSS Flex

    2
    Mahak-Panwar•30
    @Mahak-Panwar
    Posted about 1 month ago

    You did a very good job at this project but it can improve, here are some suggestion for you which can be helpful.

    .The project is look good at the laptop screen but it's not responsive which will create problem for different type of screens.

    .Try to use size unit like rem or em instead of px until it neccessary. This ensure better scalability and responsiveness.

    .Separate your css code in the external css file it will make code easier to read.

    <link rel="stylesheet" href="style.css"/>

    I hope this suggestion help you in your upcoming challenge.

    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