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

QR Code challenge with basic HTML & CSS

@MaxCodeCraft

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 learned theory via freeCodeCamp, CodeCademy and some YouTube videos. I arrived at a point where I tought I konw quite a bit about HTML and CSS but when I tried to make a web page on my own it didn't goes well ! So I've done some YouTube research again to build a website from scratch and I've landed on Coder Coder YT chanel that made me discover Frontend Mentor. I think that it is exactly what I need right know to practice what I've learned.

So here is my first submission, let me know what you think about my code ! Thank you !

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

Here is what I learned during this project:

Using Figma to get the project's sizes of the elements and report them in my CSS file. Use the calc() function. Center verticaly a block element with the translate() function.

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

Somewhat I struggle to have the .attribution class centered when I want it at the bottom of the page, any help would be appreciated !

Community feedback

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