Skip to content
Submitted 3 months ago

QR code component

Salva•260
@salva-it
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I'm very happy. I participated in this challenge. I plan to use the HTML semantico in my next project and, based on the feedback from friends about the QR-code project I designed, I'll create a new version and publish it on GitHub.

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

In this challenge and the issue I faced, I was working with GitHub, and for the first time, I submitted a project. However, by watching tutorials on YouTube, I was able to tackle this challenge and achieve the result.

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

I would like help with enhancing my skills in front-end development, particularly in optimizing performance and working with modern frameworks like React I need assistance with creating more user-friendly and visually appealing designs, including improving my understanding of design principles and best practices. I am seeking help to deepen my understanding of JavaScript

Community feedback

  • Satyam Jha•150
    @satyamJha002Posted 3 months ago

    Yes, and it accessible.

    0
  • Boris•2,870
    @mkborisPosted 3 months ago

    Hi Salva-It, great job on completing your first challenge! Here are a few things to review

    • Avoid setting fixed heights and widths on elements, as this can create problems with responsiveness and content fit. Instead, let the content and padding determine the element’s size. If necessary, use max-width or min-height, and prefer relative units like rem for better adaptability.
    • It's best practice linking Google fonts directly in the HTML head section rather than directly in your CSS file as it enables asynchronous downloading, improving page load times.
    • Consider using a modern CSS reset at the start of the styles in every project. Like this one Modern CSS Reset.
    • Media queries, font-size should be defined in rem not px

    Hope this helps

    0
    Salva•260
    @salva-itPosted 3 months ago

    @mkboris Thank you very much for your guide. I used the things you mentioned in the second challenge and sent the second project Using Google Fonts in the HTML file Using rem units instead of px Using CSS Reset

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord