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

Responsive Css Flex

@Lucas198821

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


Exercise Details

In general ranges, perhaps what was most difficult for me was to center everything in the main container, then the issue of the measurements of the card I don't know if they are like those indicated in the challenge.

Do you have any questions about best practices? yes, would it have been wrong to use position Absolute ?

Community feedback

@Danish49

Posted

My dear instead of using a container div use a main tag for accessibility and semantics. And Using position absolute will cause you error keep in mind position absolute removes the element from the normal flow of the document. In this challenge there is no use of position for aligning content in centre we should either use flexbox or grid. Another way to centre an element is by using margin auto which works when the parent container has full width and height and a block display. Congratulations for completing your first challenge keep coding.

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