Responsive Product Review Card html css flexbox grid & srcset

Community feedback

• Account deleted

  Hi there!! ✌️

  Congrats on completing this challenge! 🥳

  I saw that you used the position property, to center your content, it's ok, but it can give you some problems. Instead use the grid property, like the following:

  body {
      min-height: 100vh; // Add this
      display: grid; // Add this
      font-family: var(--ff-accent);
      background-color: var(--clr-secondery-200);
      color: var(--clr-neutral-500);
      font-size: var(--fs-14);
      font-weight: var(--fw-regular);
      /* padding: 1.75rem 1rem; */
      /* width: 23.4375rem; */
      /* position: absolute; */
      /* top: 50%; */
      /* left: 50%; */
      place-content: center; // Add this
      /* transform: translate(-50%, -50%); */
  }
  

  I hope I've helped 🙃

  Happy coding!! ✌️

  Marked as helpful

  0

  ---

  

  chovole2020•20

  @chovole2020Posted about 1 year ago

  Thanks for the feedback Christian 👍

  0