Blog preview card

Community feedback

• 

  P

  Steven Stroud•11,870

  @StroudyPosted about 2 months ago

  Hey, fantastic effort on this! You’re really nailing it. Just a few things I noticed that could make it even better…

  • Avoid !important in CSS because it overrides all other styles, making maintenance difficult and causing conflicts, reducing flexibility, and increasing the risk of unintended side effects. Your implementation is effective for screen readers, but consider removing !important where possible to maintain clean, manageable CSS.

  • Using font-display: swap in your @font-face rule improves performance by showing fallback text until the custom font loads, preventing a blank screen (flash of invisible text). The downside is a brief flash when the font switches, but it’s usually better than waiting for text to appear.

  • Setting font-size: 62.5% can affect accessibility by reducing the default browser font size, potentially making text harder to read for users with visual impairments. This does make it easier to work out the relative units but at what cost?

  Keep building on your knowledge, and remember, every step forward is progress. You’re on the right track, and you’re doing great. Have an awesome day and happy coding! 😊

  Marked as helpful

  1