Alessandro De Pietri Tonelli
@adptCodeAll solutions
- Submitted about 2 months ago
Social media Links
- HTML
- CSS
🔍 Areas Where I’d Like Help While I’m happy with how my project turned out, there are a few areas where I’d appreciate feedback and suggestions for improvement:
1️⃣ Accessibility & Best Practices I implemented
:focus-within
and:focus-visible
to enhance keyboard navigation and accessibility, but I’m unsure if I’ve covered all the best practices. Are there any improvements I could make to ensure a more inclusive user experience? 2️⃣ Responsiveness & Layout Adjustments My design is responsive, but I’d love feedback on how to improve its behavior on smaller screens. Are there any specific breakpoints or layout adjustments that could make it more fluid and adaptable? 3️⃣ Code Optimization & Maintainability I tried to keep my CSS organized, but I wonder if there are ways to structure it more efficiently, perhaps using BEM methodology or utility-first CSS like Tailwind. Are there any redundant styles or better approaches to writing clean, scalable CSS? 4️⃣ Enhancing UI with Subtle Animations I used transition for hover and focus effects, but I’m curious about adding micro-interactions (e.g., slight scale-up on hover or subtle text fade-in). What are some best practices for adding small animations without overloading the user experience? Any feedback on these areas would be incredibly valuable as I continue improving my frontend development skills! 🚀😊 - Submitted 2 months ago
Responsive qr code component
- HTML
- CSS
I’d like to deepen my understanding of grid layout and gain more mastery in using vh and rem units