@MikDra1
Posted
Well done, here are some things to review π:
-
Overusing div tags: Try using more semantic HTML elements like
<section>
,<header>
, and<article>
. Itβll help with both accessibility and SEO. -
Neglecting responsive design: Make sure you're using media queries and following a mobile-first approach so your site looks great on all devices.
-
Inconsistent class naming: Itβs easy to end up with a mess of class names. Consider using a system like BEM for better organization and scalability.
-
Not testing across browsers: Donβt forget to check how your site looks in different browsers like Firefox and Safari. Cross-browser testing is super important.
-
Ignoring accessibility: Focus on features like keyboard navigation, contrast ratios, and ARIA labels. They make your site usable for more people.
-
Using fixed heights for elements: Setting fixed heights can cause overflow issues. Use
min-height
or allow content to expand naturally to avoid problems. -
Not using responsive images: Be sure to use
srcset
or the<picture>
element to optimize images for different devices. This improves performance, especially on mobile.
Hope you found this comment helpful πππ
Good job and keep going πππ