Skip to content
Submitted about 1 month ago

Basic QR code page using vanilla HTML and CSS

Teresa•40
@te-sa
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

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
    @AnydavPosted about 1 month ago

    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-saPosted about 1 month ago

    @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
    @AnydavPosted about 1 month ago

    @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

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