qr-code-component-main First solution with HTML and CSS

Great job with the solution! Your text layout issue might be because of the padding on the text div. Try removing the padding from .text and keeping the padding on the .card div. You can then set padding-top on the h1 and p tags to space them out.

This may work, but apologies if not!

.text {
    font-size: 15px;
}


.text h1 {
    padding-top: 10px;
    color: hsl(218, 44%, 22%);

}

.text p {
    padding-top: 10px;
    color: hsl(220, 15%, 55%);
}