How To Debug CSS

Develop the ability to quickly solve the 50+ most common CSS issues with simple, detailed explanations, drawings, exercises, quizzes & much more.

Get the CSS debugging superpower and finally gain confidence with CSS.

Chapters in the book will include:

- A birds eye view of CSS (How CSS works)

- Brief basics of CSS. With quiz questions.

- What do we mean when we talk about “debugging CSS?”

- The art of debugging

- Debugging within CSS

- Why You Hate CSS

- How to debug CSS

- Using tools that help

- Constant practice.

{the 50+ issues}

- Page layouts

- Page layout fundamentals

- Constructing a page and semantic HTML

- The progression of CSS layout creation, documents, floats, flex and the grid.

- The most common CSS layout issues.

- Responsive Issues

- Element Issues

- Specificity In CSS.

- Advanced Issues

- Browser Issues

{the 50+ issues}

- Helpful CSS tools and how to master them

- Abstraction tools in CSS (And how they supercharge your CSS debugging process)

- Flexbox

- CSS Grid

- TailwindCSS, with an honourable mention of Bootstrap.

- Debugging Tools & Environments

- Browser based tool

- Firefox

- Chrome