Submitted about 2 months ago

QR-CODE-COMPONENT using html and css

Banele Innocent Mjayezi•50

@DiPSAWCE

Preview site View code

This is a solution for...QR code component

HTML
CSS

1newbie

Design comparison

SolutionDesign

Community feedback

Alaa Mekibes•1,540

@alaa-mekibesPosted about 2 months ago

Well done

center your design using Flexbox or Grid:

body {
display: grid;
place-items: center;
min-height: 100vh;
}

body {
display: flex; 
justify-content : center; 
align-items : center; 
min-height: 100vh;
}

I recommend focusing on learning either the grid or flexbox method. Mastering one of them will make you feel much more confident and comfortable moving forward.

Use semantic HTML elements for better structure and accessibility. For example:

<body>
    <main>
        <!-- Your code -->
    </main>
</body>

Update Your README File

Start by using the provided README template included in the starter file. Customize it to enhance clarity and professionalism.

You're doing an exceptional job, keep striving for greatness!

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