I learn resposivess using vh, I used fles for layout next time I will try to use grid for layout and media queries for resposiveness.
What challenges did you encounter, and how did you overcome them?Initially, I struggled to vertically center the component. I learned how to use 100vh with Flexbox for proper alignment.
Since this is my first Frontend Mentor challenge, I would appreciate feedback on the following areas:
Responsiveness:
While my project appears to be responsive without media queries, I'd like to know if there are better practices or approaches I could use to enhance responsiveness, particularly for different screen sizes. Accessibility:
Are there any improvements I can make to ensure the design is more accessible for users with disabilities, such as screen reader compatibility or color contrast adjustments? Code Structure and Best Practices:
Does my HTML and CSS follow industry best practices? Are there ways to make my code cleaner, more efficient, or easier to maintain? Styling Consistency:
Does the visual design of my solution align well with the provided mockup? Any suggestions for better implementation of design elements like spacing, font sizing, or alignment? Performance:
Are there any optimizations I can make to improve load times or performance.
