@dquinn089
Posted
Your code looks fantastic, and you've done a great job with the layout and styling! Here are a couple of tips for potential improvements:
Accessibility Improvement:
Consider adding descriptive alt attributes to your <img>
tags to improve accessibility for screen reader users. This simple change enhances the user experience for a broader audience.
Consistent Color Variables: Great job using CSS variables for colors! For consistency and readability, use lowercase for all custom property names (e.g., --very-dark-blue instead of --Very-Dark-Blue). This maintains a consistent coding style.
:root {
--red: hsl(0, 78%, 62%);
--cyan: hsl(180, 62%, 55%);
--orange: hsl(34, 97%, 64%);
--blue: hsl(212, 86%, 64%);
--very-dark-blue: hsl(234, 12%, 34%);
--grayish-blue: hsl(229, 6%, 66%);
--very-light-gray: hsl(0, 0%, 98%);
--font-family1: "Poppins", sans-serif;
--font-weight-light: 200;
--font-weight-regular: 400;
--font-weight-semibold: 600;
}
These are very minor changes but can help enhance your code’s accessibility and maintainability. Happy coding!
Marked as helpful