Product preview card component - By Zamit

Community feedback

• 

  Hassia Issah•50,650

  @HassiaiPosted almost 2 years ago

  @eduardozamit, how are you ? Well done for completing this challenge Use rem or em as unit for the padding, margin and width. To have a responsive page don't specify height for a class give it a width and a padding value: - .container{ width: 30rem; display: flex;} and .text{ width: 50%; padding: 1em} . the width of the .text is 50% of the width you gave to the .container To center your content in a page in the body declare the following body{ min-height: 100vh; display: flex; align-items: center; justify-content: center} or body{ min-height:100vh; display:grid; place-items: center;} After the media query, change the width of the .container and you can use display: block; in the .container. again, don't give the .text a height value, the padding should be enough. Aside from this, everything is great. Happy Coding

  0