@vanzasetia
Posted
Hi, Arbaz-79! 👋
I recommend removing all the <div>
elements. You don't need any of them.
- Make the
<body>
element as the flex container of the card instead of using the<main>
element. - Then, use the
<main>
element as the card. - You don't need to wrap the QR code and the text with
<div>
elements. - Add the
padding
to the card element to control the text wrapping.
Another recommendation I have is to remove the height
property from the .container
. The card only needs a max-width
to prevent it from becoming too large. Also, it would be better if you use rem
instead of px
unit for the max-width
.
I hope this helps. Have fun coding! 😄
Marked as helpful
@Arbaz-79
Posted
@vanzasetia thanks i remember next time