Submitted over 2 years ago

HTML5, CSS3, responsive design, Google fonts; meta viewport, class sel

Nyaymurti Gaikwad•220

@NyayDG

A solution to the QR code component challenge

Preview Code

Solution retrospective

The design involves complex layout and positioning, which can be challenging to get right.

The position property is used extensively throughout the CSS, which can sometimes lead to unexpected behavior if not used carefully. The height of the .screen and .plate elements are set to fixed pixel values, which may not work well on all devices. The top and bottom properties are used to position some elements, which may not work as expected if the height of the parent container changes.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Nyaymurti Gaikwad's solution.

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