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 solution

P

@kevinrasata

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?

The use of semantic HTML elements like and , makes the structure of the document clearer. Standardized naming conventions for CSS variables, makes the code more readable and maintainable. Next time I would consider starting the CSS with styles for mobile devices first and then using media queries to add styles for larger screens.

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

When working on this front-end project, I encountered significant challenges with the layout. Despite my efforts, I found it difficult to achieve the desired structure and responsiveness. The main issues were ensuring the elements aligned properly and adapting the design to different screen sizes. After multiple attempts and adjustments, I decided to seek help from an experienced front-end engineer. This consultation provided valuable insights into refining my HTML and CSS for better structure, accessibility, and responsiveness, ultimately allowing me to overcome the layout issues and complete the project successfully.

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

Again, I would say the layout. If anyone has any other suggestions to write better code for the layout. It would be much appreciated.

Community feedback

@abdelrhman-mahmoud-awad

Posted

it was so simple so i don't have much to say

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