Simple QR Page using HTML & CSS

Community feedback

• 

  LexLexLex•40

  @LLLEEXXPosted about 1 year ago

  You might want to explore CSS Flexbox and CSS Grid, as they are excellent tools for positioning elements and enhancing the responsiveness of your website.

  1

  ---

  

  9Galaxy•20

  @9GalaxyPosted about 1 year ago

  @LLLEEXX Thank you Lex. I'll write it down to make an upgrade this first challenge.

  Edited: I was playing with media query and I found the solution to make it responsive. And yeah I'll give it a try Flexbox and Grid to make it better the next project

  1
• 

  P

  Øystein Håberg•10,710

  @Islandstone89Posted about 1 year ago

  Hi. You need to remove the fixed widths. Especially the 19% on the main causes overflow.

  To center the card, put this on the body:

  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  

  0

  ---

  

  9Galaxy•20

  @9GalaxyPosted about 1 year ago

  @Islandstone89 Wow Thank you so much. I will give it an update to test your code in my project.

  1