The CSS learning curve

July 13, 2020

I’m a newbie at front-end development and have been winging it when it comes to CSS and realized that I needed to go a bit deeper and really understand not just the fundamentals of CSS, but also familiarize myself with its full power.

This post will be a running list of really useful CSS resources that I find:

1. Responsive Web Design Certification on freecodecamp.org is a good starting point.

2. 5 Steps to drastically improve your CSS knowledge in 24 hours has some great references. I am still working through it.

3. Great articles on understanding Positioning from #2:

   • The Lowdown on Absolute vs. Relative Positioning
   • CSS Positioning 101
   • Learn CSS Positioning in 10 Steps

4. The difference between Grid and Flexbox

5. Debugging CSS from MDN

6. Cascade, Inheritance and Introduction to Specificity from MDN

7. A List Apart Blog

8. CSS-Tricks.com blog

9. This is how to master CSS, a video on YouTube, tells you more about acquiring CSS chops.

Instead of becoming a CSS guru, my goal is to build appealing websites and I am going to stay focused on TailwindCSS and dip into CSS fundamentals as and when I hit a snag. Developing deep chops on anything requires also having experience. So, towards the effort of building my Gatsby chops, I am going to keep building and replicating websites to learn.

• ← Overlaying text on a background image
• Formatting of the blog/blogindex using TailwindCSS →