Satyam Jha• 150
@satyamJha002
Posted
Yes, and it accessible.
0
Design comparison
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
Boris• 2,870
@mkboris
Posted
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
remfor better adaptability. - It's best practice linking Google fonts directly in the HTML
headsection 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
remnot px
Hope this helps
0
Salva• 250
@salva-it
Posted
@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