What are you most proud of, and what would you do differently next time?
I had a bit more difficulty, but I managed to solve it and I feel proud of that, of recognizing the mistakes and starting over. In the end, everything worked out!
What challenges did you encounter, and how did you overcome them?
On my first attempt, there was something wrong with the resizing and alignment, something that messed up the entire page when using media queries. So I decided to delete all the code and start over with a bit more care.
What specific areas of your project would you like help with?
In this project, I have no doubts; everything is perfect.
Nice job! Your implementation effectively uses a global reset, CSS variables, and flexbox for layout alignment and responsiveness, with media queries adjusting widths for various screen sizes.
It promotes consistency and ease of updates, but the over-reliance on id selectors limits scalability, and fixed widths in media queries reduce flexibility. Magic numbers for margins and paddings could be replaced with relative units (rem, em), while better use of flexbox alignment could eliminate the need for manual centering.
Everything is very well. I think the way you process the author and avatar is clever! According to my current level, I don't think I can give you too many advices just because I am a super newbie 😂. You even wrote a home page to store all the projects!
You did follow the semantic HTML, and the layout is correct, not too large or too small.