QR code component - HTML + CSS + VSCODE

Community feedback

• 

  Madiha Khan•420

  @madkn1311Posted over 2 years ago

  Hello Steven,

  You got the design of the card perfectly.

  To center the page vertically and horizontally, you should use flex.

  For that you will need to add min-height: 100vh to the body so that it's centered vertically on all devices.

  Just using normal height won't make it responsive.

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

  Also in this link: <link href="style.css" text="text/css" rel="stylesheet" /> you need to add type instead of text, because the type of the document is text/css.

  Type specifies the type of the document/resource.

  I hope this was helpful :)

  Marked as helpful

  1

  ---

  

  Steven Reginald Barkley•70

  @steven-barkleyPosted over 2 years ago

  @madkn1311

  Thank you. Because I didn't know what some of the CSS attribute functions, I did not use them. Will need to further my understanding of these CSS attributes working in tandem.

  As of the type attribute I don't need it in this case. Maybe I should learn how to use the "media" attribute. I made the mistake of type "text" when I should have said "type" but next time I would use it at all since it is redundant.

  1

  

  Madiha Khan•420

  @madkn1311Posted over 2 years ago

  @steven-barkley you're welcome

  It's all about learning, making mistakes, and improving them, don't worry you'll get it. :)

  0