Product Component with Flex, Grid and media queries

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Hello Okputu Emmanuel, congratulations for your new solution!

  Great solution and Welcomeback to Frontend Mentor. Your solution is already good, the design are just perfect. Now you miss only the alignment for the container.

  To add the proper alignment add to the body min-height: 100vh to make the body display 100% of the browser screen size and display: flex e flex-direction: column to align the child element (the container) vertically using the body as reference.

  body {
      min-height: 100vh;
      background-color: var(--cream);
      font-size: var(--fs-paragraph);
      width: 100%;
      height: 100%;
      padding: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  

  👋 I hope this helps you and happy coding!

  Marked as helpful

  1

  ---

  

  Okputu Emmanuel Okputu•40

  @okputu-ePosted about 2 years ago

  @correlucas thank you, brother. I have adjusted it.

  1