PRODUCT PREVIEW CARD USING DISPLAY PROPERTY

Community feedback

• 

  Adel•820

  @aliadelharrat

  Posted about 2 years 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

  00
• 

  Paweł Chudecki•860

  @SoulRvr29

  Posted about 2 years 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!

  01