QR code component

👾Hero Eman, congratulations for your solution!

You card component is almost perfect, you need only to fix some issues related to the responsivity. Note that you don't need to use media queries in this challenges, to solve everything all you need to do is to have your card responsive. See the fixes I've done to your code below:

First I've removed all media queries and than I've applied these fixes:

@media (max-width: 400px)
.card {
    /* width: 250px; */
}

.card {
    margin: 150px auto;
    max-width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card img {
    display: block;
    max-width: 100%;
    border-radius: 10px;
}

Hope it helps and happy coding Eman!

The color of the title is a bit more darker on your solution.