Submitted 4 months ago

QR-code-component

krishna-tejaswi• 100

@krishna-tejaswi

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?

I'm proud of myself for starting this amazing journey of learning webdevelopment practically and uploading it in Github. I'll be consistant in my journey and develop my skills.

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

I'm not very familiar with Git commands previously so it is challenging to me. but, with my practice i'm getting better in it.

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

I want tips for creating user-friendly and responsive web pages

Community feedback

Faye• 80

@FayeVinyl

Posted 4 months ago

Your solution looks good, to improve it, I would increase the size to match the design

freeCodeCamp has excellent classes, including a responsive web design certification Skill Crush is also a wonderful bootcamp, I just finished the front end track and I loved it.

tips for responsive web pages: design mobile first, then add break points with media queries, I like min 768px for tablets and min 1200px for desktop. Add your styling for tablets, then add styling for desktop chrome devtools allows you to preview how your site looks through different devices by inspecting the page and selecting the toggle device toolbar at the top of the console. Hope this helps =)

Marked as helpful

krishna-tejaswi• 100

@krishna-tejaswi

Posted 4 months ago

Thanks a lot for the tips @FayeVinyl

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