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

QRCodeProject

@CoderExplore365

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 mostly proud of completing this project because I know that it is a step in the right direction. Which means I am learning to progress more once I understand how to do these type of projects one step at a time.

What challenges did you encounter, and how did you overcome them?

I rarely encountered any of these challenges because I am basically learning how to fix things by myself.

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

The specific areas I wanted to work on is the container positioning because I wanted to know how to put the container in the center to make it clean as possible.

Community feedback

P
awwsalah 250

@awwsalah

Posted

Hello there you did great but you can improve your css code try to remove the center class no need,

and add your css body{

width: 100%;  /* this will define your body with */
height: 100dvh; /* this for the device height so it will help to center your card  */
justify-content: center;
display: flex;
flex-direction: column;
align-items: center;

and no need for this class = .image-class for detail you can check my code or other people code it will help you improve. if u need help let me know

0

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