Submitted 3 months ago

QR Code Webpage

JesyQueck• 60

@JesyQueck

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

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

This is my first project on Frontend Mentor and am gearing up for more challenges. I would love to work more accurately with a fast speed also.

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

1 My Achilles heels was mostly the interpretation of the font-family. I had to search the font online with the help of the link to embed the code. 2 I had issues setting up my GitHub, but with the help of a some videos online I completed the process.

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

-Please I need feed back on how to make a webpage responsive. i.e. how to prevent my webpage especially the navbar from muddling up when minimizing or even on smaller screen sizes

Community feedback

Tharun Raj• 1,250

@Code-Beaker

Posted 3 months ago

Hi there, congratulations on completing your first challenge on Frontend Mentor and welcome to the community! 😃🎉

I would like to give feedback on your solution so that you will be able to improve it and learn new and interesting things!

Use a CSS Reset. These are user-defined styles that override the styles set by your browser. Writing a CSS reset will ensure a consistent appearance across different browsers. This can make styling web pages easier and more predictable.
Making a website responsive is an essential part of web development. Media queries are the best way to make a website responsive for different screen sizes and change them accordingly.

📚 Here are a few resources and guides that you can check out as a part of learning:

Hope you find these helpful! 😃

Marked as helpful

Please log in to post a comment

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