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

#sass/scss
Feernandouβ€’ 190

@Feernandou

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


Any comments or suggestions are welcome, thank you very much.

Community feedback

Christianβ€’ 970

@FLCHRIS

Posted

Hi there!, congrats on completing this challenge!! πŸ₯³πŸŽŠ

I have some tips to improve your solution. πŸ’―

HTML:

  • Header elements implements six levels h1-h6, with h1 being the most important and h6 being the least important. avoid omitting header levels, your page should start with the header h1 and successively with h2...h6. More info HERE
  • Your main content should be conteined in the main tag. More info HERE
  • Your img tag, should have alt attribute.

SCSS:

Your reset is good, but you can improve it by using some popular resets like the following πŸš€:

I can see that your variables are in the partials folder, but your reset is inside your styles.scss file. If you want to organize your files I recommend the following (it's my way of doing it, you can find another way that suits you):

-- scss
---- components
------ _button.scss
------ _nav.scss
---- utilities
------ _variables.scss
---- layout
------ _footer.scss
------ _main.scss
---- base
------ _reset.scss
---- index.scss

Those are some example files, I hope and they are clear. πŸ™ƒ

I hope I've helped you

Happy coding! ✌️

Marked as helpful

1

Feernandouβ€’ 190

@Feernandou

Posted

@FLCHRIS Thank you very much for your suggestions. It is very kind of you. I will take into account everything you recommended.

0
Christianβ€’ 970

@FLCHRIS

Posted

@Feernandou

I'm glad I helped you πŸ˜€ Keep it up!

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