blog preview card

Community feedback

• 

  P

  Thomas•350

  @FixitoPosted 8 months ago

  Good job, @R-clout.

  A few things to take note of:

  1. Font Importation: Import your custom fonts stored locally using @font-face. Define each font style and weight by pointing to the font files in your project directory, ensuring web compatibility and performance. This is crucial for using "Figtree" across your web project.

  2. CSS Variables: You're using CSS variables for colors effectively. Consider using variables for frequently used values like font sizes, margins, and border radii for better consistency and maintainability.

  3. Media Query Consolidation: Group similar media queries to reduce redundancy and improve readability.

  4. Typo Correction: Correct the typo in @media (min-wdith: 425px) to @media (min-width: 425px).

  5. Unit Consistency: Aim for consistency in units (e.g., rem, %) for margins, font sizes, etc., to enhance readability and scalability.

  6. Hover Effects Redundancy: If h1:hover effects are unchanged across breakpoints, no need to repeat them in each media query.

  7. Box Shadow Performance: Specify all box-shadow values, including color, to ensure performance and desired appearance.

  8. Accessibility: Ensure color contrasts meet WCAG guidelines for accessibility.

  This concise approach keeps the main suggestions while focusing on critical improvements for your CSS.

  Marked as helpful

  0

  ---

  

  Anthony Richard•70

  @R-cloutPosted 8 months ago

  thank you for taking your time, i really appreciate that and id work on everything, hoping to imprve in my next challenge see you then.. thank you@Fixito

  0

  

  Anthony Richard•70

  @R-cloutPosted 8 months ago

  i just followed you, hopefully you can help me through this. thank you in anticipation@Fixito

  0