What are you most proud of, and what would you do differently next time?
I've been trying to research more about responsive units and accessibility. I've changed a few things in how I write the code compared to what I did before my research. And I think that I've improved a bit.
I want to use grid
more in the future. It's also important to me to continue to learn about best practices and accessibility.
Units like rem
and em
are still a little unclear to me. I understand what they do. But I don't fully understand when to use what and why. I need to do some more research!
What challenges did you encounter, and how did you overcome them?
During this project, I learned about the 62.5% Font Size Trick. After reading about this topic I understood that this trick is not as great as it sounds. Grace Snow wrote a great article about why. A few articles recommended using CSS variables instead. I can see the advantage of this, especially if I'm using utility classes for the project.
Speaking of utility classes. I just learned that they exist. They don't seem useful for small projects like this one, but I will definitely use them in the future.
I have also been researching when to use grid
or flexbox
since I'm almost exclusively using flexbox right now. Kevin Powell made an amazing video diving deep into this.
What specific areas of your project would you like help with?
I would love to read more about utility classes, responsive units, and accessibility. If someone has some good articles on these topics, please send them my way!
I would also appreciate if someone could answer the following:
- Is there anywhere in my code where it could have been beneficial to use
grid
instead of flexbox
?
- Is it a good idea to set up utility classes and a more comprehensive CSS reset for smaller projects like this one?
- Are there any accessibility improvements I could make to my project?