Design comparison
Solution retrospective
What I’m Most Proud Of I’m proud of creating a responsive design that aligns well with the challenge specifications. I effectively used CSS Flexbox layouts to enhance usability and ensured that interactive elements featured proper hover and focus states. Additionally, mastering max-width and min-width improved the layout's adaptability.
What I Would Do Differently Next Time Next time, I would spend more time experimenting with design elements before finalizing the layout. While I’m pleased with the result, I want to explore more advanced CSS techniques and animations. I would also plan the project structure more thoroughly to streamline the development process.
What challenges did you encounter, and how did you overcome them?I didn’t encounter significant challenges during this project. However, I focused on ensuring the design matched the specifications and refining my CSS skills. This project served as a great opportunity for practice and solidifying my understanding of responsive design principles.
What specific areas of your project would you like help with?I'm looking for feedback on the following areas of my project:
Responsive Design: Are there any improvements I could make to enhance the responsiveness of my layout across different screen sizes? CSS Efficiency: Is my CSS organized efficiently? Are there any opportunities to simplify my styles or reduce redundancy? Hover Effects: Do the hover and focus states on interactive elements meet accessibility standards and enhance the user experience? I appreciate any suggestions or insights!
Community feedback
- @giovanni-bandinelliPosted 1 day ago
Nice job replicating the design! There are only a from minor differences (like giving the shadow box a blur and making the card border color white) but I liked the :hover over "Learning" which is something I also was thinking of doing.
That said you should try using semantic HTML for accessibility although it's not always too clear what fits where and I'm still unsure about a few things I did with challenge in this regard but nevertheless it is good practice to do so.
Keep it up!
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord