PRODUCT PREVIEW CARD USING DISPLAY PROPERTY

Community feedback

• 

  Adel•820

  @Adel-HarratPosted over 1 year ago

  Hello, congrats on completing this challenge

  I advice you to learn more about flex or grid, and come back and redo this challenge, you will do much better and much easier

  Happy coding

  0
• 

  Paweł Chudecki•840

  @SoulRvr29Posted over 1 year ago

  To center the page, remove the margin-top: 100px; and width: 1440px from the body, add the following instead:

  display: flex;
  justify-content: center;
  align-items: center;
  

  also remove position: absolute; from your .bottom-container, and from .top-container. Do not set fixed page dimensions, but for eg max-width: 1000px;. Happy coding!

  0

  ---

  

  Adel•820

  @Adel-HarratPosted over 1 year ago

  @SoulRvr29,

  This won't work; I've tried it. There are additional changes needed in the HTML for your code to function properly.

  0