Submitted 5 months ago

QR Code Webpage

JesyQueck•80

@JesyQueck

Preview site View code

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?

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,330
@Code-BeakerPosted 5 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:

Small article giving a quick explanation about CSS reset

Why you shouldn't use pixels to set font-size

Making a website responsive

Tutorial on getting started with media queries

MDN article about media queries

Projects for getting started on Frontend Mentor

Hope you find these helpful! 😃
Marked as helpful
0

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