Submitted about 2 years ago

I used visuval studio code and bootstrap

SAI MANI G• 10

@gsm0077

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I felt difficult when I try to fit the image inside the card and make the border-radius to make look-alike I am a complete beginner and trying to make it look perfect it is challenging to me.

Community feedback

Kawsar Ahmed Fahad• 2,680

@faha1999

Posted about 2 years ago

hi @gsm0077

Thanks for completing this challenge.

for the center card component

body {
    background-color: hsl(212, 45%, 89%);
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    display: flex;
}

.card-title{
    font-weight: 700;
}

.card-text{
    padding: 0px 11px;
}

update the title <title>Frontend Mentor | Todo app</title>

add favicon

<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">

I hope those will work. Happy coding.

Please log in to post a comment

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