Skip to content
OverviewSolutions
6
Comments
2
blue-mariposa
@blue-mariposa

All comments

  • blue-mariposa•110
    @blue-mariposaPosted about 2 years ago

    Hey @Mzu-Soci! I viewed your site and code and i'd like to make the following suggestions;

    • The component was not centered on the page so you can try below code to center it:
    .container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
    • Add @media query to make it fit better on small screens
    @media only screen and (max-width: 600px) {
  
  .content-box {
    width: 350px;
  }
}

    Great work though.

    0
  • blue-mariposa•110
    @blue-mariposaPosted about 2 years ago

    Hi! You did not include the images folder on GitHub Pages so the qr-code is not showing. You forgot to add an alt text to the img element. Nice design by the way.

    Marked as helpful
    0