When I’m trying to learn CSS, I think that it is important to take time to find online resources and tutorials. As mentioned in this article, the author were always asked to recommend various tutorials of CSS. The reason that people want to ask professionals for tutorials might because they’re overwhelmed by the large amounts of online resources, which is also the problem that I encountered when I’m searching. Some references are either too general to answer my question or too specific that I can’t internalized. The resources with clear explanations and multiple examples are not easy to find, especially for beginners. Therefore, I think that one important thing for learning CSS is to get access to good resources.

Another important learning tip is to know more about the fundamentals such as the properties. I found out that the grid tools are very useful. In the article Grid By Example, I discovered different patterns of grids and different grid templates, which I feel will be helpful for the future when we are trying to design our own websites with both image and text. During the last semester, it is really hard for me to arrange different elements into one web page. The placement of these elements took me the longest time. Now, with the grid tools, it saves me from checking back and forth between the code and the webpage to make sure the position of each box. By using the property grid-template-column and grid-template rows, I’m able to set up the rules before I put those elements in. After reading this article, I know more about the flexbox alignment tool. Instead of manually change the border of each box to make them align to the left or right. The alignment property helps you to automatically place them. I used to focus more on finding the code that can be perfectly fitted into design and ignored learning properties, which is a wrong way of learning CSS. Thus, with the fundamental knowledge, the learning process will become more efficient.

Last but not least, another fact I love about CSS is that you can change the font of the web page by using CSS. In the article Dynamic Typography With Modern CSS and Variable Fonts by Jason Pamental, it introduced that by using CSS, you are able to have one single font that has many variations. It satisfied hierarchy in typographic design for the website. I think it is crucial to choose a font that suits the website. A good font will give a fresh first impression when the viewers enter the site and yet you can’t do that with only HTML. Therefore, learning how to style font by using CSS is another skill that I want to have.

In conclusion, the article pushes me to learn CSS in a more advanced way. In order to do that, I should not only spending time finding good references online, but also be familiar to the fundamental properties and try to apply my typographic skills on website using CSS.