Responsive blog preview

Community feedback

• 

  Steven Nguyen•140

  @snguyen56

  Posted 9 months ago

  Nice job on finishing the component!

  I have a few suggestions that may help to improve your code:

  • The mobile design looks great, but it seems that you have skipped doing the desktop design. You can add styling for desktop screens using media queries at a breakpoint of your choosing (info on media queries).

  • Do not skip heading levels. Always go sequentially when using heading elements (<h1>,<h2>,<h3>,etc.). If you're using different heading levels for their default stylings, it is better to add your own custom styles to the element rather than using headings out of order. This helps screen readers parsing your website and avoids confusion from users who use such software (Section Heading Usage).

  • Some of your CSS styles do not line up accurately with the given design. You can refer to the style guide file for some base style information on the design.

  I hope you find this information helpful!

  Good luck on your future projects 🙂!

  00

  Marked as helpful