All comments

• 

  Nafiu Abdullah• 80

  @Ladips-prog

  Submitted almost 2 years ago

  Comments are welcome

  

  3-column preview card component

  1

  30

  

  Philipp• 190

  @hermi72

  Posted almost 2 years ago

  Hey @Ladips-prog, some suggestions to improve you code:

  Your direction is correct. I can see that you've used the majority of the semantic tags that are appropriate for this challenge; the only block you missed was the paragraph that contains the quote text. By using <blockquote> there, you can increase accessibility by telling screen readers that the content inside that paragraph is a quote.

  To center you content to your page, add the following to your Body Element:

  body {
      min-height: 100vh;
      display: grid;
      place-content: center;
  }
  

  Happy Coding!

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  Hamza Rauf• 70

  @HafizHamzaRauf

  Submitted almost 2 years ago

  

  Responsive stats-preview-card-component using flexbox and css grid

  1

  30

  

  Philipp• 190

  @hermi72

  Posted almost 2 years ago

  Hey @HafizHamzaRauf, some suggestions to improve you code:

  Your direction is correct. I can see that you've used the majority of the semantic tags that are appropriate for this challenge; the only block you missed was the paragraph that contains the quote text. By using <blockquote> there, you can increase accessibility by telling screen readers that the content inside that paragraph is a quote.

  To center you content to your page, add the following to your Body Element:

  body { 
  min-height: 100vh; 
  display: grid; place-content: center; 
  }
  

  Happy Coding! 👻🎃

  0
• 

  Jack• 30

  @Jackgomez

  Submitted almost 2 years ago

  

  Product Preview Card

  2

  40

  

  Philipp• 190

  @hermi72

  Posted almost 2 years ago

  Hey @Jackgomez, some suggestions to improve you code:

  Your direction is correct. I can see that you've used the majority of the semantic tags that are appropriate for this challenge; the only block you missed was the paragraph that contains the quote text. By using <blockquote> there, you can increase accessibility by telling screen readers that the content inside that paragraph is a quote.

  To center you content to your page, add the following to your Body Element:

  body {
      min-height: 100vh;
      display: grid;
      place-content: center;
  }
  

  Happy Coding! 👻🎃

  Marked as helpful

  1