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 container component created using HTML and CSS

@T-Gomziakov

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


Hello! This is my first solution and would appreciate any feedback people have.

Community feedback

@MatejBumbera

Posted

Hi, first of all, congratulations on your solution! You did a great job in matching it to the design and I really like your code too. I just think you have some excessive code there.

  • The excessive code I mean is assigning classes to main, h1 and p tags. I think you could easily just style directly the main, h1 and p tags.

  • Another thing I noticed is that you used picture tag around img, and I'd say that's not necessary since the picture tag is used when you want to put there multiple images that change in response to screen width. You can look up more about the usage of picture tag here: https://www.w3schools.com/html/html_images_picture.asp

  • And one tiny thing I noticed is u used article tag, which is very good since it's semantic, but I wouldn't really use it here since article should be used on part of a webpage that should be independent, like u could just put it on a different webpage and it would make sense. I would replace it with section, which is also semantic. You can check the difference at: https://www.w3schools.com/html/html5_semantic_elements.asp

Overall, you did a great job and I wish you happy coding! I hope you find my review helpful :)

Marked as helpful

1

@T-Gomziakov

Posted

@MatejBumbera Hello! Thank you so much for your feedback, I greatly appreciate it!

I wrote the excessive code because I approached this project with a perspective of needing to use this component's classes somewhere else. However, I suppose I should save time both for myself and a person reading the code by not including those unnecessary classes.

0

@MatejBumbera

Posted

@T-Gomziakov That sounds like a good reasoning and if you prefer it that way, don't get discouraged by me. I just don't think it is necessary to create reusable styles if you aren't going to use them anyway :D

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