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

Henna Singh

@hennasinghDublin, Ireland30 points

I love problem-solving and relationship building, so have enjoyed support and community management roles. I am lead organizer for Google Developers Groups, Dublin, Ireland chapter. In my free time, I paint, cross-stitch, enjoy diamond painting and play switch/steam games.

I’m currently learning...

Currently enrolled in Diploma in Full Stack Development and learning JavaScript, Bootstrap, Python, Django and e-commerce applications. Pretty excited to find a job in full stack development role. Skills: HTML, JavaScript, CSS, React.JS Learning: Bootstrap, Python, AI , Django, Postgres

Latest solutions

  • QR Code Challenge with Semantic HTML and CSS


    Henna Singh•30
    Submitted about 1 year ago

    I would like to know more about testing a frontend application. What are the manual or other ways to test small to big applications. Thanks for your time.


    1 comment

Latest comments

  • Ujjwal Srivastava•50
    @Usri96
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am happy that completed the design and made it somewhat responsive for the resolutions mentioned in the challenge

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

    I faced the challenge in developing through mobile first approach, but with desktop resolution I made it.

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

    I would like help in making screens responsive

    Responsive QR code component with semantic HTML elements and flexbox

    1
    Henna Singh•30
    @hennasingh
    Posted about 1 year ago

    Great work on your first frontend mentor solution in the learning path. Good Points

    1. Semantic HTML
    2. Flex display on the body
    3. Same design as the challenge

    Improvements:

    1. Your ReadMe could be made more personal to you. Add your learnings and issues you faced and how you solved them.
    2. Responsive Design is achieved with media queries depending on the screen size or using flexbox layout model. In your code, you can wrap all vertical elements (image, heading, paragraph) in one div and give it a flexbox display with evenly spacing. Flexbox is really great in making websites responsive. The reading material as recommended by Frontend Mentor can help here https://web.dev/learn/design

    Happy Coding!

    Marked as helpful

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