Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Request path contains unescaped characters
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

QR code component challenge Solution

Mahmood 1,070

@MahmoodHashem

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 take immense pride in successfully undertaking my inaugural challenge post my acquisition of knowledge in HTML and CSS. I dedicated significant time refining my CSS layout skills, which greatly contributed to the project's success. Moving forward, I aim to enhance my approach further by incorporating a greater utilization of semantic HTML tags alongside proficiently leveraging modern CSS layout tools such as Flexbox and Grid for heightened efficiency and refined outcomes.

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

I initially faced challenges with positioning the card in the center effectively. To overcome this obstacle, I leveraged the aligning properties of CSS to achieve the desired layout

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

I am seeking guidance particularly in the implementation of Flexbox and CSS Grid.

Community feedback

@Tanuja0530

Posted

It's good of using implementation of Flexbox and CSS Grid, but also you can use css styleing for keeping the card at center we can use top and left with position absolute.

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