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

Responsive QR code landing page using CSS and Flexbox

@1-conor

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?

Most proud of working out how to center a div using Flexbox. Next time I would focus more on getting the general layout sorted before messing with padding/margins.

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

It was hard to get my live url running on Github pages and I couldn't work it out at first but I found a YouTube video that explained it nicely and started over my repository to get it set up right.

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

I'm mainly unsure if my code is the most efficient way of solving the problem or if I spent too much time trial and erroring with padding and height, etc.

Community feedback

Aayan16 40

@Aayan16

Posted

Great work! I also just finished this project. And yes the most frustrating part was figuring out the github pages

1

@David1035

Posted

Tu solución se ve muy bien, el html es semántico, el uso de el Id lo cambiaría por una clase, de resto, todo se ve muy bien.

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