3-column product card solution using HTML and CSS Flexbox

Community feedback

• 

  Hassia Issah•50,650

  @HassiaiPosted over 1 year ago

  Wrap the content of the html in the main tag to make the content/page accessible. click here for more on web-accessibility and semantic html

  Give the body a background-color of hsl(0, 0, 95%);

  To center the content on the page using flexbox, replace the height in the body with min-height: 100vh.

  There is no need to give the article a min-height rather give it a padding value for all the sides, this will prevent the content from overflowing.

  Hope am helpful.

  Well done for completing this challenge. HAPPY CODING

  Marked as helpful

  0

  ---

  

  Pauli•80

  @PauliMaenpaaPosted over 1 year ago

  @Hassiai Hey! Thanks for the feedback. I fixed it and uploaded the fixed version.

  0