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 COMPONENT USING ALIGN METHOD AND TRANSFORM TRANSLATE METHOD

@codewithmide

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


NO QUESTION ALL DONE AS EXPECTED

Community feedback

Adriano 37,930

@AdrianoEscarabote

Posted

Hello! You did well in this challenge, but I have some tips for you:

1- Document should have one main landmark, you could have placed it inside a main tag click here

2- Page should contain a level-one heading click here

3- I saw that you used position: fixed; to centralize the content, but you could have used flex-box to do that, flex-box, besides being more recommended to do this, is more manipulable and allows you to create fully responsive layouts.

body {min-height: 100vh; flex-direction: column; display: flex; align-items: center; justify-content: center;}

I'll leave a link so if you don't know flex-box, you can learn: click here

Hope it helps... don't forget to mark it as helpful 👍

Marked as helpful

1

@codewithmide

Posted

@AdrianoEscarabote Thank you bro. I'll take that into consideration when doing future projects

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