This is a great start and the component looks very similar to the design. Here are some places where I would improve:
- You can make this more accessible by using semantic HTML.
- Try adding the Outfit font which is used in the design.
- Maybe add some padding to the div with class "qrcode".
- Elements can be centred by different methods. You can try the following.
.qrcode-body {
display: grid;
place-items: center;
}
If you use the above code, there won't be a need to add margin left to "qrcode".
Hope this helps!
0