🚀 Pixel-Perfect Fluid Bento Grid and 398/400 accessibility ✨

What are you most proud of, and what would you do differently next time?

My website is 100% responsive and it can even run in 280px wide screens without breaking and it doesn't break in zoomed screens . I used clamp to make it responsive for every width.

it got 398/400 in accessibility score since i cared about not doing crossorigin requests even from Google CDN for fonts , though i should have added fixed dimensions in html for images.

• Imported fonts locally
• Created skip link
• Used semantic tags
• Used role and aria-label wherever required
• created proper layout/structure without blindly designing

What challenges did you encounter, and how did you overcome them?

It was a good challenge to expand our vision regarding CSS, it was challenging to crop images using object-fit and object-position and to maintain it for every device without needing to change it for every device and i did it and its a good experience.

What specific areas of your project would you like help with?

I am open to any suggestions here and pull requests are welcome in github . For major changes, open an issue first.