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

Community feedback

• 

  Philipp•190

  @hermi72Posted about 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