QR scan code challenge using CSS flex

Community feedback

• 

  Elaine•11,400

  @elaineleungPosted over 2 years ago

  Hi Ceejay, welcome to Frontend Mentor, and congrats on completing your first challenge! It looks great, and well done on making it responsive. Just wanted to quickly answer your question about centering a div: the easiest way is to use display:grid on the parent container, and it's common to see this on the body tag for the FEM projects, like this:

  body {
    display: grid;
    place-content: center;
    min-height: 100vh;
  }
  

  The min-height on the body tag is very important because it tells the browser how tall the container is, and that's how it would know how much space to put around the container.

  Hope this helps!

  Marked as helpful

  0

  ---

  

  Ceejay•20

  @C33jayPosted over 2 years ago

  @elaineleung It was quite helpful! Thanks you so much.

  1