Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Basic QR code page using vanilla HTML and CSS

Teresa 40

@te-sa

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I am proud that I learned how to deploy my project using GitHub pages. As for what I'd do differently, next time I might try and use SCSS rather than regular CSS.

What specific areas of your project would you like help with?

I would like feedback on my CSS, especially the body and .container.

Community feedback

Anydav 10

@Anydav

Posted

very nice, but how did you end up arranging the texts mine really gave me a tough time and i just had to be creative at the end

0

Teresa 40

@te-sa

Posted

@Anydav I added some padding on the paragraph, which allowed me to align the text properly:

    .content {
        font-family: Outfit, sans-serif;
        text-align: center;

        h1 {
            font-weight: 700;
            font-size: 25px;
            color: hsl(218, 44%, 22%);
        }

        p {
            font-weight: 400;
            font-size: 15px;
            color: hsl(216, 15%, 48%);
            line-height: 1.5;
            padding: 0 1rem;
        }

The line padding: 0 1rem; adds padding to the left and right of the paragraph.

0
Anydav 10

@Anydav

Posted

@te-sa ok now I get , well am new in frontend and I will like to be friends

1

Please log in to post a comment

Log in with GitHub
Discord logo

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