Submitted 7 months ago

Responsive QR code component using HTML and CSS

Branka R•290

@brainka

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?

I am happy that I am utilising vanilla CSS for these challenges to understand the concepts.

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

Trying to make it more responsive.

At the moment, I am assuming the width of the screen won't get smaller than 320px.

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

I am getting vertical scrolling on mobile view.

I was trying to use 'dvh' but it didn't seem to work.

Feedback on this issue would be greatly appreciated.

Thank you

Community feedback

anisbeny•120
@anisbenyPosted 7 months ago
Good work, you just need to avoid using div tags for sementic, and you can also refactor your css.
0
Branka R•290
@brainkaPosted 7 months ago
@anisbeny

Thank you for the feedback!

Agreed, a bad habit at the moment to make things work.

Will keep that in mind for next challenges.

Thank you again 😀
0
Nikhil Bhaladhare•290
@nikbhaladhare2104Posted 7 months ago
Good design, and good execution of the code. ( i know its beginner level challenge) , you don't have to use absolute and relative positioning for this challenge. Simply, flex is sufficient. But it is good to practice some new things. So, overall , Good!
0
Branka R•290
@brainkaPosted 7 months ago
@nikbhaladhare2104

Oh interesting! I may try using flex to achieve the same outcome.

If i get stuck, I will reach out for some hints.

Thank you again 😀
1

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