@MikDra1
Posted
Well done, here are some things to review 😊:
-
Using px for everything: Instead of
px
for fonts and layouts, try using relative units likerem
orem
to make your design more adaptable to different screen sizes. -
Forgetting alt text on images: Don’t skip the
alt
attribute. It’s essential for accessibility and helps search engines understand what your images are. -
Poor use of Flexbox and Grid: Be careful not to mix Flexbox and Grid unnecessarily. Each has its strengths—use the right one based on the layout needs.
-
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 😁😊😉
@Stroudy
Posted
Hey @MikDra1, How did you lose so many points? Almost 1500 😮
@MikDra1
Posted
@Stroudy
I was banned for posting one and the same comment. For me it’s not fair be abuse I help beginners and I put the comment once per account but I can’t do anything with that 😭😢
@Stroudy
Posted
Hey @MikDra1 l, That sucks, You can still help beginners, refine your process per solution 💪 see you on the battlefield
@MikDra1
Posted
@Stroudy
I’ll try my best 😄
@MiloosN5
Posted
@MikDra1 Thank you :)